js控制表單奇偶行樣式的簡單方法
更新時間:2013年07月31日 10:45:04 作者:
這篇文章介紹了js控制表單奇偶行樣式的簡單方法,有需呀偶的朋友可以參考一下
一、如果使用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的時候會自動給加上
所有的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的時候會自動給加上
所有的tr標(biāo)簽都是在tbody里面的
相關(guān)文章
js實(shí)現(xiàn)類選擇器和name屬性選擇器的示例步驟
這篇文章主要介紹了js實(shí)現(xiàn)類選擇器和name屬性選擇器的示例步驟,幫助大家更好的理解和使用js,感興趣的朋友可以了解下2021-02-02JS實(shí)現(xiàn)FLASH幻燈片圖片切換效果的方法
這篇文章主要介紹了JS實(shí)現(xiàn)FLASH幻燈片圖片切換效果的方法,實(shí)例分析了javascript操作圖片實(shí)現(xiàn)Flash幻燈效果的技巧,需要的朋友可以參考下2015-03-03使用webpack搭建vue項(xiàng)目實(shí)現(xiàn)腳手架功能
這篇文章主要介紹了使用webpack搭建vue項(xiàng)目實(shí)現(xiàn)腳手架功能,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03JavaScript實(shí)現(xiàn)可拖動模態(tài)框
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)可拖動模態(tài)框,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-10-10Javascript 自適應(yīng)高度的Tab選項(xiàng)卡
選項(xiàng)卡的原理其實(shí)比較簡單,就是設(shè)置2種狀態(tài),選中和未選中的2中不同CSS狀態(tài),因此也有直接不用JS之用css就能實(shí)現(xiàn)的效果2011-04-04javascript數(shù)組遍歷for與for in區(qū)別詳解
這篇文章主要介紹了javascript數(shù)組遍歷for與for in區(qū)別,是篇非常不錯的文章,這里推薦給小伙伴們。2014-12-12javaScript產(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