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)文章
Wordpress ThickBox 添加“查看原圖”效果代碼
上一次修改了點擊圖片動作 ， 這次添加一個“查看原圖”的鏈接，點擊后將在一個新瀏覽器窗口(或Tab)打開該圖片的原始鏈接地址。2010-12-12
webpack-dev-server 的 host 配置 0.0.0.0的方法
這篇文章主要介紹了webpack-dev-server 的 host 配置 0.0.0.0的方法,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,,需要的朋友可以參考下2024-01-01
JavaScript實現(xiàn)數(shù)據(jù)類型的相互轉(zhuǎn)換
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)數(shù)據(jù)類型的相互轉(zhuǎn)換，感興趣的朋友可以參考一下2016-03-03
下面小編就為大家?guī)硪黄唵握務(wù)刟xios中的get,post方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)手寫簽名，簽字版，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)長圖滾動效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-04-04
javascript實現(xiàn)編寫網(wǎng)頁版計算器
這篇文章主要為大家詳細(xì)介紹了javascript實現(xiàn)編寫網(wǎng)頁版計算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
非常不錯的技術(shù)24點的游戲代碼，他的算法值得學(xué)習(xí)，希望喜歡游戲的朋友，可以來看看2008-06-06
JS實現(xiàn)頁面跳轉(zhuǎn)參數(shù)不丟失的方法
這篇文章主要介紹了JS實現(xiàn)頁面跳轉(zhuǎn)參數(shù)不丟失的方法,結(jié)合實例形式對比分析了javascript URL加密函數(shù)escape()、encodeURI()與encodeURIComponent()的功能與相關(guān)使用技巧,需要的朋友可以參考下2016-11-11
Javascript Ajax異步讀取RSS文檔具體實現(xiàn)
這篇文章主要介紹了Javascript Ajax異步讀取RSS文檔具體實現(xiàn)，有需要的朋友可以參考一下2013-12-12