어제 행마다 색상을 변경하는 표를 만들었는데 한 표 내에서만 변경되었습니다
한 페이지에 여러 표가 있는 경우
새로운 결과를 조작하려면
다음과 같이 하세요. :
function onloadEvent(func){
var one=window.onload
if (typeof window.onload!='function'){
window.onload=func
}
else{
window.onload=function() {
one();
func();
}
}
function showtable(tableid){
var overcolor='#FCF9D8'
var color1='#FFFFFF';
var color2='#F8F8F8';
var tablename=document.getElementById(tableid)
var tr=tablename.getElementsByTagName("tr")
for( var i=0 ;itr[i].onmouseover=function(){
this.style.BackgroundColor=overcolor; .onmouseout=function(){
if (this.rowIndex%2==0){
this.style.BackgroundColor=color1;
}else{
this.style.BackgroundColor=color2;
}
}
if(i%2==0){
tr[i].className="color1"
}else{
tr[i].className ="color2";
}
}
}
onloadEvent(function init(){
showtable('table');
showtable('test');
}
);
이렇게 하면 html에 테이블을 추가할 때 ID를 추가해도 괜찮습니다. 여러 번 호출된 테이블은 행마다 색상이 변경됩니다.
멋진 삶은 설명할 필요가 없습니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
