<div class="codetitle"> <span><a style="CURSOR: pointer" data="66863" class="copybut" id="copybut66863" onclick="doCopy('code66863')"><u>コードをコピー</u></a></span> コードは次のとおりです。</div> <div class="codebody" id="code66863"> <br><script type="text/javascript"> <br> var name; //tr オブジェクトのクラス名を保存し、マウスを離したときにそれを復元します<br>function trcolor(){ //テーブル行の色間隔表示<br>var tabNode = document.getElementsByTagName( "テーブル")[0 ]; <br>var trNodes = tabNode.rows; <br>for(var x=1;x<trnodes.length>if(x%2 == 1) <br>trNodes[x] .className = "one" ; <br>else <br>trNodes[x].className = "two" ; <br>trNodes[x].onmouseover = function(){ // ハイライト <br>name = this .className; <br>this.className = "over"; <br>} <br>trNodes[x].onmouseout = function(){ //onmouseout イベント属性を tr オブジェクトに追加します <br>this. className = 名前; <br>} <br>} <br>window.onload = trcolor; <br><br><style type="text/css"> ; <br>テーブル { width:60%; border:solid 1px #0066FF;} <br>table td {border:solid 1px #0099ff;} <BR>a{ text-decoration: none;} <BR>.one {背景色: 赤;} <BR>.two{背景色: 青;} <BR>.over{背景色: 黄色;} <BR></style> <br><br>< /head> <br><br><BR><tr><BR><td>年齢</td><td>住所<BR> ;/ td> <BR><tr> <br><td></td><td><td>北京</td> <br></tr> <br><tr> <br><td>李思</td><td>25</td><td>上海</td> /tr><br><tr> <br><td>王呉</td>15<td>広州<br> </td> </tr> 🎜><tr><br><td>唐氏</td></td><td>長沙</td> ;/テーブル><br><br><br></trnodes.length> </div>