js控制表單奇偶行樣式的簡(jiǎn)單方法
更新時(shí)間：2013年07月31日 10:45:04 作者：
這篇文章介紹了js控制表單奇偶行樣式的簡(jiǎn)單方法，有需呀偶的朋友可以參考一下
一、如果使用JQuery的話可以直接JQuery的
$("tr:odd").addClass("clazzName");
$("tr:even").addClass("clazzName");
二、如果是使用純js的話
1.先獲取table標(biāo)簽，var table = document.getElementById()
2.再獲取里面的tbody標(biāo)簽var tbody = table.getElementsByTagName("tbody")[0]
3.再獲取tr標(biāo)簽var trs = tbody.getElementsByTagName("tr")
4.然后迭代trs
for(var i=0; i
if(i%2==0){
trs[i].style.backgroundColor="red";
}else{
trs[i].style.backgroundColor="blue";
}
}
獲取tbody標(biāo)簽是必須的，雖然你沒寫，但是瀏覽器在編譯table的時(shí)候會(huì)自動(dòng)給加上
所有的tr標(biāo)簽都是在tbody里面的
復(fù)制代碼 代碼如下:
$("tr:odd").addClass("clazzName");
$("tr:even").addClass("clazzName");
二、如果是使用純js的話
1.先獲取table標(biāo)簽，var table = document.getElementById()
2.再獲取里面的tbody標(biāo)簽var tbody = table.getElementsByTagName("tbody")[0]
3.再獲取tr標(biāo)簽var trs = tbody.getElementsByTagName("tr")
4.然后迭代trs
復(fù)制代碼 代碼如下:
for(var i=0; i
if(i%2==0){
trs[i].style.backgroundColor="red";
}else{
trs[i].style.backgroundColor="blue";
}
}
獲取tbody標(biāo)簽是必須的，雖然你沒寫，但是瀏覽器在編譯table的時(shí)候會(huì)自動(dòng)給加上
所有的tr標(biāo)簽都是在tbody里面的
相關(guān)文章
js實(shí)現(xiàn)類選擇器和name屬性選擇器的示例步驟
這篇文章主要介紹了js實(shí)現(xiàn)類選擇器和name屬性選擇器的示例步驟，幫助大家更好的理解和使用js，感興趣的朋友可以了解下2021-02-02
這篇文章主要為大家詳細(xì)介紹了echarts實(shí)現(xiàn)折線圖的拖拽效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-12-12
JS實(shí)現(xiàn)FLASH幻燈片圖片切換效果的方法
這篇文章主要介紹了JS實(shí)現(xiàn)FLASH幻燈片圖片切換效果的方法,實(shí)例分析了javascript操作圖片實(shí)現(xiàn)Flash幻燈效果的技巧,需要的朋友可以參考下2015-03-03
本節(jié)主要介紹了用js判斷日期是否能跨月查詢,需要的朋友可以參考下2014-07-07
使用webpack搭建vue項(xiàng)目實(shí)現(xiàn)腳手架功能
這篇文章主要介紹了使用webpack搭建vue項(xiàng)目實(shí)現(xiàn)腳手架功能，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
JavaScript實(shí)現(xiàn)可拖動(dòng)模態(tài)框
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)可拖動(dòng)模態(tài)框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10
Javascript 自適應(yīng)高度的Tab選項(xiàng)卡
選項(xiàng)卡的原理其實(shí)比較簡(jiǎn)單，就是設(shè)置2種狀態(tài)，選中和未選中的2中不同CSS狀態(tài)，因此也有直接不用JS之用css就能實(shí)現(xiàn)的效果2011-04-04
javascript數(shù)組遍歷for與for in區(qū)別詳解
這篇文章主要介紹了javascript數(shù)組遍歷for與for in區(qū)別，是篇非常不錯(cuò)的文章，這里推薦給小伙伴們。2014-12-12
javaScript產(chǎn)生隨機(jī)數(shù)的用法小結(jié)
這篇文章主要介紹了javaScript產(chǎn)生隨機(jī)數(shù)的用法小結(jié),包括JavaScript Math.random()內(nèi)置函數(shù) ，Js 隨機(jī)數(shù)產(chǎn)生6位數(shù)字的代碼，需要的朋友可以參考下2018-04-04
這篇文章主要介紹了JavaScript cookie 跨域訪問之廣告推廣 的相關(guān)資料,需要的朋友可以參考下2016-04-04