IE8 chrome中table隔行換色解決辦法
更新時間：2010年07月09日 00:41:07 作者：
今天把項目生成好后，發(fā)布到萬維網(wǎng)上進(jìn)行測試，發(fā)現(xiàn)table的隔行換色在IE8，chorem中不能正常顯示。找了許多資料，CSS看樣是不能解決，只能用JS來控制了
IE8以上的版本代碼，只需要CSS即可
tr{ background-color:expression('#F8F8F8,#EFEFEF'.split(',')[rowIndex%2]); }
IE8以下的版本代碼，是需要CSS與JS共同完成的：
首先定義好兩個CSS，代碼如下：
.tr1{background-color:#fff;}
.tr2{background-color:#00ff;}
其實寫JS代碼，代碼如下：
onload=function(){
var trs=document.getElementById("tbid").getElementsByTagName("tr");//獲取tbid的table中所有tr的信息
for(var i=0;i<trs.length;i++)
{
if(i%2==0)
trs[i].className="tr1";
else
trs[i].className="tr2";
}
}
作者：chenhuzi
tr{ background-color:expression('#F8F8F8,#EFEFEF'.split(',')[rowIndex%2]); }
IE8以下的版本代碼，是需要CSS與JS共同完成的：
首先定義好兩個CSS，代碼如下：
復(fù)制代碼 代碼如下:
.tr1{background-color:#fff;}
.tr2{background-color:#00ff;}
其實寫JS代碼，代碼如下：
復(fù)制代碼 代碼如下:
onload=function(){
var trs=document.getElementById("tbid").getElementsByTagName("tr");//獲取tbid的table中所有tr的信息
for(var i=0;i<trs.length;i++)
{
if(i%2==0)
trs[i].className="tr1";
else
trs[i].className="tr2";
}
}
作者：chenhuzi
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了JS實現(xiàn)簡易日歷效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-01-01
淺析微信小程序modal彈窗關(guān)閉默認(rèn)會執(zhí)行cancel問題
這篇文章主要介紹了小程序modal彈窗關(guān)閉默認(rèn)會執(zhí)行cancel方法，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下2019-10-10
這篇文章主要介紹了如何利用HTML+CSS+JS制作抓娃娃機(jī)游戲，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-04-04
這篇文章主要介紹了js給onclick賦值傳參數(shù)的兩種方法，有需要的朋友可以參考一下2013-11-11
JS/jQuery實現(xiàn)簡單的開關(guān)燈效果【案例】
這篇文章主要介紹了JS/jQuery實現(xiàn)簡單的開關(guān)燈效果,結(jié)合具體實例形式分析了javascript/jQuery事件響應(yīng)及頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2019-02-02
這篇文章主要介紹了js?select支持手動輸入實現(xiàn)代碼,需要的朋友可以參考下2023-05-05
一種不錯代碼應(yīng)用實例，大家可以根據(jù)這個代碼，拓寬出更好的代碼2009-02-02
這篇文章主要介紹了JavaScript 截取字符串代碼實例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-09-09
Three.js+React實現(xiàn)帶火焰效果的艾爾登法環(huán)
《艾爾登法環(huán)》是最近比較火的一款游戲，觀察可以發(fā)現(xiàn)它的?Logo?是由幾個圓弧和線段構(gòu)成。本文使用?React?+?Three.js?技術(shù)棧，實現(xiàn)具有火焰效果艾爾登法環(huán)?Logo，感興趣的可以了解一下2022-03-03
本文介紹怎樣利用JavaScript來阻止表單提交的兩種方法，分別是return false和使用preventDefault()，有需要的可以參考借鑒，下面一起來看看。2016-08-08