<img title="clip_image001" style="max-width:90%" style="max-width:90%" alt="clip_image001" src="http://files.jb51.net/upload/2009-11/20091124021521258.gif" style="max-width:90%" border="0">원리는 실제로 매우 간단합니다. getElementsByTagName을 사용하여 모든 <tr> 요소를 가져온 다음 각각 홀수 항목과 짝수 항목의 <tr> 요소에 배경색을 추가합니다. <br>핵심 코드: <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="58474" class="copybut" id="copybut58474" onclick="doCopy('code58474')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code58474"> <br><script type=" text/javascript" > <br>function color() { <br>//헤더를 보라색으로 설정<br>var th = document.getElementById("th") <br>th.style.Background = "violet" <br>//1. 모든 <tr> 요소 가져오기 <br>var trs = document.getElementsByTagName("tr") <br>var i <br>for(i = 1; i < ;trs .length; i ) { <br>//2. <tr> 요소의 배경색을 변경합니다. <br>if(i % 2 == 0) { <br>trs[i].style.ground = "노란색" ; <br>} else { <br>trs[i].style.Background = "올리브" <br>} <br>} <br>} <br>window.onload = color; ></ script> <br><br> </div>모든 코드: <br><br><div class="codetitle"><span><a style="CURSOR: pointer" data="50188" class="copybut" id="copybut50188" onclick="doCopy('code50188')">코드 복사<u></u></a> 코드는 다음과 같습니다. </span></div> <div class="codebody" id="code50188"> <br> <br><title>2색 테이블</title> <br><style type="text/css"><!-- <BR>테이블 { <BR>border:solid 1px black <BR>text-align:center <BR>border-spacing:0px <BR>} <BR>th,td { <BR>테두리:단색 1px 검정 <BR>너비:100px;} <BR>--> <BR></style> ; <BR>function color() { <BR>//헤더를 보라색으로 설정<BR>var th = document.getElementById("th") <BR>th.style.Background = "violet" <BR>/ /1. 모든<tr>요소<BR> 가져오기 var trs = document.getElementsByTagName("tr") <BR>var i <BR>for(i = 1; i <trs.length; i ) 🎜>//2. <tr> 요소의 배경색을 변경합니다. <BR>if(i % 2 == 0) { <BR>trs[i].style.Background = "yellow"; else { <BR>trs[i ].style.Background = "올리브" <BR>} <BR>} <BR>} <BR>window.onload = color <BR></script> <BR> <body> <BR><table> <BR><tr id="th"> ; <BR><번째> ;제목</번째> <BR> <BR><td>장산< /td> <BR><td>중국어</td> <BR></tr> /td> ; <BR><td>87</td> <BR><tr>수학</td> ;td>68 <BR> <BR><tr> <BR> <BR><td><BR><td>76</td> <BR></table> <BR></body> ; <BR><BR></style> </div>