<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> 要素を取得し、奇数項目と偶数項目のそれぞれに背景色を追加します。 <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>//1. すべての <tr> 要素を取得します <BR>var trs = document.getElementsByTagName("tr"); ;trs .length; i ) { <BR>//2. <BR>if(i % 2 == 0) { <BR>trs[i].style.background = "黄色" ; <BR>} else { <BR>trs[i].style.background = "オリーブ"; <BR>} <BR>} <BR>window.onload = color; ></ script> <br><br> <br>すべてのコード: <br><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><head> </span><title>2 色テーブル</title> </div><!-- <div class="codebody" id="code50188">table { <BR>border:solid 1px black; <BR>border-spacing:0px; <BR>th,td; { <BR>border:solid 1px black; <BR>} <BR>--> <BR></style> <br><script type="text/javascript" > ; <br>function color() { <br>//ヘッダーを紫に設定します<br>var th = document.getElementById("th"); <br>th.style.background = "violet" <br>/ /1. すべての tr>Element<br>var trs = document.getElementsByTagName("tr"); <br>var i; i <trs.length i>//2. <br>if(i % 2 == 0) { <br>trs[i].style.background = " yellow" > の背景色を変更します。 else { <br>trs[i ].style.background = "オリーブ"; <br>} <br>} <br>window.onload = <br></script> </head> <br><center> <br><th>th> ; <br> <br> ;件名 <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> /td><br><td>中文<br> </td> <td>90</td> <br><td>数学</td> ; <br><td>87<br> </td> <br><td> <br> ;td>68</td> <br><tr> <br><td> 🎜><td>76</td><br></tr><br></body> ;<br><br> </td></trs.length>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
