昨日、1行おきに色を変更するテーブルを作成しましたが、1つのテーブル内でのみ変更されました
1つのページに複数のテーブルがある場合、次のように
新しい結果をいじるにはどうすればよいですか
:
function onloadEvent(func){
var one=window.onload
if (typeof window.onload!='function'){
window.onload=func
}
else{
window.onload=function() {
one();
func();
}
}
}
関数 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 を追加することで、複数回呼び出されたテーブルは 1 行おきに色が変わります。その壮絶な人生については説明する必要はありません。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
