1. 程式人生 > >表單隔行填色

表單隔行填色

1.JS onload事件(用匿名方式定義事件 )window.onload=function()

2.獲取元素表格並繫結id document.getElementById("tbl");

3.獲取表單行的行數    document.getElementById("tbl").tBodies[1].rows.length;

其中tBodies[1]是代表表格tbody位置

4.做迴圈判斷奇偶行進行填色

 for (var i=0;i<len;i++){
                   if(i%2==0){
                       value.tBodies[1].rows[i].style.backgroundColor="red";
                       
                   }else{
                       value.tBodies[1].rows[i].style.backgroundColor="yellow";

注 tBodies[1]是獲取表單中tbody的,表單間中有可能有多個tbody【1】就是代表第幾 個。(在我機子上居然不是0)!