대체 행_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 모두 선택 참고:외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다

]

핵심 코드:

코드 복사

코드는 다음과 같습니다.

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;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; >}
}