js实现鼠标经过表格行变色的方法

这篇文章主要介绍了js实现鼠标经过表格行变色的方法,涉及javascript表格节点样式及鼠标事件的相关操作技巧,需要的朋友可以参考下

本文实例讲述了js实现鼠标经过表格行变色的方法。分享给大家供大家参考。具体实现方法如下：

1. <script type=text/javascript> 
2. <!-- 
3. (function(){ 
4. var rows = document.getElementById("listdata"); 
5. var add = function(){ 
6. this.style.backgroundColor="#f3f3f1"; 
7. }; 
8. var del = function(){ 
9. this.style.backgroundColor="#fff"; 
10. }; 
11. for(var m=rows.firstChild;m!=null;m=m.nextSibling){ 
12. m.onmouseover = add; 
13. m.onmouseout = del; 
14. } 
15. })(); 
16. --> 
17. </script> 

希望本文所述对大家的javascript程序设计有所帮助。