효과: 코드: 코드 복사 코드는 다음과 같습니다. <br> #red<br>> > 🎜> #green<br> {<br> 너비: 260px ;<br> 높이: 200px;<br> 배경: #00FF00;<br> 디스플레이: 없음;<br> }<br> #노란색<br> {<br> 너비: 260px;<br> 높이: 200px; <br> 배경: #FFFF00;<br> 디스플레이: 없음;<br> }<br> #blue<br> {<br> 너비:<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; 나는 < btn.길이; i ) {<BR> btn[i].index = i;<BR> btn[i].onclick = function () {<BR> for (var i = 0; i < btn.length; i ) {<BR> btn[i].style.Background = '';<BR> }<BR> 스위치(this.value) {<BR> 케이스 '红color': this.style.Background = '#FF0000';<BR> break;<BR> 케이스 '绿color': this.style.Background = '# 00FF00';<BR> break;<BR> 케이스 '黄color': this.style.Background = '#FFFF00';<BR> break;<BR> 케이스 '蓝color': this.style.Background = '#0000FF ';<BR> break;<BR> }<BR> for (var i = 0; i < btn.length; i ) {<BR> div[i].style.display = '';<BR> } <BR> div[this.index].style.display = 'block';<BR> }<BR> }<BR> };<BR> < ;/머리> < /div>