IE8 chrome中table隔行換色解決辦法
更新時(shí)間：2010年07月09日 00:41:07 作者：
今天把項(xiàng)目生成好后，發(fā)布到萬維網(wǎng)上進(jìn)行測(cè)試，發(fā)現(xiàn)table的隔行換色在IE8，chorem中不能正常顯示。找了許多資料，CSS看樣是不能解決，只能用JS來控制了
IE8以上的版本代碼，只需要CSS即可
tr{ background-color:expression('#F8F8F8,#EFEFEF'.split(',')[rowIndex%2]); }
IE8以下的版本代碼，是需要CSS與JS共同完成的：
首先定義好兩個(gè)CSS，代碼如下：
.tr1{background-color:#fff;}
.tr2{background-color:#00ff;}
其實(shí)寫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共同完成的：
首先定義好兩個(gè)CSS，代碼如下：
復(fù)制代碼 代碼如下:
.tr1{background-color:#fff;}
.tr2{background-color:#00ff;}
其實(shí)寫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 添加“查看原圖”效果代碼
上一次修改了點(diǎn)擊圖片動(dòng)作 ， 這次添加一個(gè)“查看原圖”的鏈接，點(diǎn)擊后將在一個(gè)新瀏覽器窗口(或Tab)打開該圖片的原始鏈接地址。2010-12-12
webpack-dev-server 的 host 配置 0.0.0.0的方法
這篇文章主要介紹了webpack-dev-server 的 host 配置 0.0.0.0的方法,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,,需要的朋友可以參考下2024-01-01
JavaScript實(shí)現(xiàn)數(shù)據(jù)類型的相互轉(zhuǎn)換
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)數(shù)據(jù)類型的相互轉(zhuǎn)換，感興趣的朋友可以參考一下2016-03-03
簡(jiǎn)單談?wù)刟xios中的get,post方法
下面小編就為大家?guī)硪黄?jiǎn)單談?wù)刟xios中的get,post方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-06-06
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)手寫簽名，簽字版，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
JavaScript實(shí)現(xiàn)長(zhǎng)圖滾動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)長(zhǎng)圖滾動(dòng)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-04-04
javascript實(shí)現(xiàn)編寫網(wǎng)頁版計(jì)算器
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)編寫網(wǎng)頁版計(jì)算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
非常不錯(cuò)的技術(shù)24點(diǎn)的游戲代碼，他的算法值得學(xué)習(xí)，希望喜歡游戲的朋友，可以來看看2008-06-06
JS實(shí)現(xiàn)頁面跳轉(zhuǎn)參數(shù)不丟失的方法
這篇文章主要介紹了JS實(shí)現(xiàn)頁面跳轉(zhuǎn)參數(shù)不丟失的方法,結(jié)合實(shí)例形式對(duì)比分析了javascript URL加密函數(shù)escape()、encodeURI()與encodeURIComponent()的功能與相關(guān)使用技巧,需要的朋友可以參考下2016-11-11
Javascript Ajax異步讀取RSS文檔具體實(shí)現(xiàn)
這篇文章主要介紹了Javascript Ajax異步讀取RSS文檔具體實(shí)現(xiàn)，有需要的朋友可以參考一下2013-12-12