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實現(xiàn)類選擇器和name屬性選擇器的示例步驟，幫助大家更好的理解和使用js，感興趣的朋友可以了解下2021-02-02
這篇文章主要為大家詳細(xì)介紹了echarts實現(xiàn)折線圖的拖拽效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12
這篇文章主要介紹了JS實現(xiàn)FLASH幻燈片圖片切換效果的方法,實例分析了javascript操作圖片實現(xiàn)Flash幻燈效果的技巧,需要的朋友可以參考下2015-03-03
本節(jié)主要介紹了用js判斷日期是否能跨月查詢,需要的朋友可以參考下2014-07-07
這篇文章主要介紹了使用webpack搭建vue項目實現(xiàn)腳手架功能，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)可拖動模態(tài)框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
選項卡的原理其實比較簡單，就是設(shè)置2種狀態(tài)，選中和未選中的2中不同CSS狀態(tài)，因此也有直接不用JS之用css就能實現(xiàn)的效果2011-04-04
javascript數(shù)組遍歷for與for in區(qū)別詳解
這篇文章主要介紹了javascript數(shù)組遍歷for與for in區(qū)別，是篇非常不錯的文章，這里推薦給小伙伴們。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