JavaScript code _ javascript skills

The table implemented by js changes color across rows. If you need to change the color, you can refer to it. DEMO code:

<Table id = "datatable"> <tr> <td> footfall </td> </tr> <td> www.jb51.net </td> </tr> <tr> <td> foothome </td> </tr> <td> www.jb51.net </td> </tr> <td> foothome </td> </tr> <td> www.jb51.net </td> </tr> <td> script home </td> </tr> <td> www.jb51.net </td> </tr> </table> script function showtable () {var color1 = "rgb (234,240,255)"; var color2 = "rgb (255,255,255)"; var bgColor = "rgb (255,255,193)"; var trs = document. getElementById ("datatable "). getElementsByTagName ("tr"); for (var I = 0; I <trs. length-1; I ++) {if (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 ;}}} showtable () script
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]

Core code:

The Code is as follows:

Function showtable (){
Var color1 = "rgb (234,240,255 )";
Var color2 = "rgb (255,255,255 )";
Var bgColor = "rgb (255,255,193 )";
Var trs = document. getElementById ("datatable"). getElementsByTagName ("tr ");
For (var I = 0; I If (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;
}
}
}
}