效果： 程式碼： 複製程式碼 程式碼如下: <BR> 寬度：260px；<BR> 高度：200px；<BR> }<BR> #green<BR> {<BR> 高度: 200px;<BR> 背景: #00FF00;<BR> <BR> {<BR> 寬度：260px；<BR> 背景：# FFFF00；<BR> 顯示：無；<BR> }<BR> #blue<BR> {<BR> 寬度：260px;<BR> 高度：200px；<BR> 背景：#0000FF； <BR> 顯示：無;<BR> }<BR> <BR> btn = document.getElementsByTagName('input') ;<BR> var div = document.getElementsByTagName('div');<BR> btn[i].index = i;<BR> btn[i].onclick = function () {<BR> for (var i = 0; i < b btn[i].style.background = '';<BR> }<BR> switch (this.value) {<BR> 0000';<BR> 綠色': this.style.background = '# 00FF00';<BR> this.style.background = '#FFFF00';<BR> case '藍色': this.style.background = '#0000FF ' ;<BR> ;<BR> for (var i = 0; i < btn.length; i ) {<BR> } <BR> div[this.index].style.display = 'block';<BR> }<BR> 🎜>& lt;/頭><BR> < body> <BR> <input type="button" id="btn1" value="紅色" style="background-color: #FF0000" /><BR> <input type="button" id ="btn2" value ="綠色" //><BR> <input type="button" id="btn3" value="黃色" //><BR> <input type="button" id="btn4" value="藍色」 / ><BR> <div id="red" style="display: block;"><BR> id="yellow">
