js處理表格1、行顏色間隔顯示css樣式：兩個選擇器 複製代碼 程式碼如下: <BR>.one{ <BR>background-color:#33ffcc; <BR>} <BR>.two{ <BR>backgound-color:#ffff66; <BR>} <BR> <BR>function trcolor() <BR>//控制間隔行顏色顯示不同<BR>{ <BR>var tabNode = document.getElementsByTagName("table")[0]; <BR>//取得table節點<BR>var trs = tabNode.rows; <BR>//取得table中的所有的行<BR>for(var x=1; x<trs.length;x ) <BR>{ <BR>if(x%2 == 1) <BR>trs[x].className ="one" ; <BR>else <BR>trs[x].className ="two"; <BR>} <BR>} <br><br>//透過onload方法，網頁載入完成後，執行trcolor方法，實現表格的間隔行顏色。 <BR>window.onload = function() <BR>{ <BR>trcolor(); <BR>} <BR> 2、滑鼠移到某一行，改行滑鼠移動到某一行，改行滑鼠顏色亮，移開後恢復原色 複製程式碼 程式碼如下: 程式碼如下: <br>.over{ <br>background-color:##00ff00; <BR>} <BR><style> <BR><BR><script type="text/javascript" > <BR>var name; <BR>function trMouse() <BR>{ <BR>var tabNode = document.getELementsByTagName("table")[0]; <BR>//透過for循環，對每個tr標籤加上onmouseover與onmouseout屬性<BR>for(var x=0;x<trs[x].length;x ) <BR>{ <BR>trs[x].onmouseover = function() <BR>{ <BR>name=this.className; <BR>this.className="over"; <BR>} <BR>tes[x].onmouseout = function() <BR>{ <BR>this.className = name; <BR>} } }
