javascript實現(xiàn)表格隔行變色

css 文件里面有兩個class: one? two? 用js實現(xiàn)表格隔行變色

function changeColor(){

var tabTrs=document.getElementByTagName(’tr’);

var trLength =tabTra.length;

for(var i=0;i<trLength;i++){

if(trLength%2==0){

tabTrs[i].className=“one”;

}else{

tabTrs[i].className=“two”;

}

//鼠標經(jīng)過顯示的效果

var oldcolor

tabTrs[i].onmouseover=function(){

oldcolor=this.className;

this.className=“over”;

}

tabTrs[i].onmouseOut=function(){

this.className=oldcolor;

}

}

}

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1. tab列表折疊效果 html: 能源系統(tǒng)事業(yè)部 崗位名稱: 工作地點 崗位名...
    lilyping閱讀 2,014評論 0 1
  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式。設(shè)計者無需花費時間糾纏JS復(fù)雜的高級特性。 1....
    LaBaby_閱讀 1,505評論 0 2
  • 單例模式 適用場景:可能會在場景中使用到對象,但只有一個實例,加載時并不主動創(chuàng)建,需要時才創(chuàng)建 最常見的單例模式,...
    Obeing閱讀 2,315評論 1 10
  • 英劇《失落三十年》和電影《房間》一樣,要講的并不是囚禁的故事,也不是什么特別懸疑的偵探片,導(dǎo)演花了很大的篇幅去表現(xiàn)...
    筑牙閱讀 6,711評論 0 0
  • gk結(jié)束到現(xiàn)在都沒寫過字,再次提筆就是如此
    槑槑益菌多閱讀 275評論 7 2

友情鏈接更多精彩內(nèi)容