js控製表單奇偶行樣式的簡單方法_javascript技巧

一、如果使用JQuery的話可以直接JQuery的

複製程式碼 程式碼如下:　　$("tr:even").addClass("clazzName");

　　二、如果是使用純js的話
　　1.先取得table標籤，var table = document.getElementById()

　　2.再取得裡面的tbody標籤var tbody = table.getElementsByTagName("tbody")[0]
　　33. tr標籤var trs = tbody.getElementsByTagName("tr")
　　4.然後迭代trs

複製程式碼複製程式碼

複製程式碼



　　for(var i=0; i
　　if(i%2==0){
　　trs[i].style.backgroundColor="red";
　　trs[i].style.backgroundColor="red";

else{
　　trs[i].style.backgroundColor="blue";
　　}　　}　　　}　　　購字者雖然沒寫的，但是在編譯table的時候會自動給加上　　所有的tr標籤都是在tbody裡面的