<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;x ){ <BR>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> <BR><BR>< /head> <br><br><BR><tr><BR><td>年齢<td>住所<BR> ;/ td> <BR><tr> <BR><td><td><td>北京 <BR> <BR><tr> <BR><td>李思<td>25<td>上海 /tr><BR><tr><BR><td>王呉15<td>広州<BR> 🎜><tr><BR><td>唐氏<td>長沙 ;/テーブル><BR><BR><BR></script> </div>