交互の行の色を変更する表の JavaScript コード_JavaScript スキル

効果デモコード:

<table id="datatable"> <tr> <td>脚本之家</td> </tr> <tr> <td>www.jb51.net</td> </tr> <tr> <td>脚本之家</td> </tr> <tr> <td>www.jb51.net</td> </tr> <tr> <td>脚本之家</td> </tr> <tr> <td>www.jb51.net</td> </tr> <tr> <td>脚本之家</td> </tr> <tr> <td>www.jb51.net</td> </tr> </table>
[Ctrl A すべて選択 注:外部 Js を導入する必要がある場合は、それを実行するために更新する必要があります

]

コアコード:

コードをコピー

コードは次のとおりです:

function showtable(){
var color1 = "rgb(234,240,255)";
var color2 = "rgb(255,255,255)";
var bgColor = "rgb(255,255,193)"; ").getElementsByTagName("tr") ;
for (var i=0;iif (i%2==0) {
trs[i ].style.backgroundColor=color1;
trs[i].onmouseover = function(){
this.style.backgroundColor = bgColor;
trs[i].onmouseout = function() {
this.style.backgroundColor = color1;
}
} else {
trs[i].style.backgroundColor=color2;
trs[i].onmouseover = function(){
this.style.backgroundColor = bgColor;
}
trs[i].onmouseout = function(){
this.style.backgroundColor = color2; >}
}