効果: コード: コードをコピー コードは次のとおりです: <br> #red<br> {<br> 幅: 260px;<br> 高さ: 200px;<br> 背景: #FF0000;<br> 表示: なし;<br> }<br> #green<br> {<br> 幅: 260px ;<br> 高さ: 200px;<br> 背景: #00FF00;<br> 表示: なし;<br> }<br> # yellow<br> {<br> 幅: 260px;<br> 高さ: 200px; <br> 背景: #FFFF00;<br> 表示: なし;<br> }<br> #blue<br> {<br> 幅: 260px;<br>高さ: 200px;<br> 背景: #0000FF; <br> 表示: なし;<br> }<br> <br> window.onload = function () {<br> var btn = document.getElementsByTagName('input');<br> var div = document.getElementsByTagName('div');<br> for (var i = 0;私は<ボタンの長さ; i ) {<br> btn[i].index = i;<br> btn[i].onclick = function () {<br> for (var i = 0; i btn[i].style.background = '';<br> }<br> switch (this.value) {<br> case '红色': this.style.background = '#FF0000';<br> Break;<br> case '绿色': this.style.background = '# 00FF00';<br> Break;<br> case '黄色': this.style.background = '#FFFF00';<br> Break;<br> case '蓝色': this.style.background = '#0000FF ';<br> Break;<br> }<br> for (var i = 0; i div[i].style.display = '';<br> } <br> div[this.index].style.display = 'block';<br> }<br> }<br> };<br> < /div>