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>} <BR>} <BR>} <BR> <BR>
