JAvascriptテーブルの行間隔変色と移入ハイライト移出リカバリ
8641 ワード
表のインターレース変色を実現する方法も様々あり、CSSのセレクタで実現することができ、例えば
:nth-of-type(odd){}/* */ :nth-of-type(even){}/* */同様にcss背景を用いた方法でも実現できる.もちろん、jsで作った表を用いて行を隔てて変色するのが良い方法です.互換性があるからです.くだらないことは言わないでコードをつけなさい
ID
Name
Age
0
20
1
20
htm ;js
var tab=document.getElementsByTagName("table")[0];
//js tbody tr,td getElementsByTagName
//
var oldBgColor="";
// background
for(var i=0;i<tab.tBodies[0].rows.length;i++){
tab.tBodies[0].rows[i].style.background=i%2?"red":"orange";
tab.tBodies[0].rows[i].onmouseover=function(){
oldBgColor=this.style.background;
this.style.background="yellow";
}
tab.tBodies[0].rows[i].onmouseout=function(){
this.style.background=oldBgColor;
}
}
jsにはtBodies,rows,cellsなどのテーブルを する な が されています. りがあれば, を し, いに まし い, に ます.
があるかもしれません