昨天弄了个表格隔行换色,但是只是一张表里换 如果一个页面里出现多个表格需要怎么整 捣鼓出新的结果 如下: 复制代码 代码如下: function onloadEvent(func){ var one=window.onload if(typeof window.onload!='function'){ window.onload=func } else{ window.onload=function(){ one(); func(); } } } function showtable(tableid){ var overcolor='#FCF9D8'; var color1='#FFFFFF'; var color2='#F8F8F8'; var tablename=document.getElementById(tableid) var tr=tablename.getElementsByTagName("tr") for(var i=0 ;i<tr.length;i++){ tr[i].onmouseover=function(){ this.style.backgroundColor=overcolor; } tr[i].onmouseout=function(){ if(this.rowIndex%2==0){ this.style.backgroundColor=color1; }else{ this.style.backgroundColor=color2; } } if(i%2==0){ tr[i].className="color1"; }else{ tr[i].className="color2"; } } } onloadEvent(function init(){ showtable('table'); showtable('test'); } ); 这样在html里增加表格的时候加上ID就OK了,一个多次调用的表格隔行换色完毕 牛逼的人生不需要解释
推荐阅读
JS解析XML的实现代码
JS代码: 复制代码 代码如下: <script language="javascript" type="text/javascript"> //需要读取的xml文件 var uRl = "jsReadXml.xml"; var xmlDoc; //初始化,给上述定义变量赋值 // function showcurcity(){ i>>>详细阅读
本文标题:表格 隔行换色升级版
地址:http://www.17bianji.com/kaifa2/JS/27736.html
1/2 1