用dom1来实现，根据光标移动自动给表单加上背景色，光标移开自动去除背景色

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Title</title>

 </head>

 <body>

 <table border="1" width="480px" >

 <tr><td>1</td><td>2</td><td>3</td></tr>

 <tr><td>1</td><td>2</td><td>3</td></tr>

 <tr><td>1</td><td>2</td><td>3</td></tr>

 </table>

 <script>

     var myTrs = document.getElementsByTagName('tr')//返回值是一个列表，

     var len = myTrs.length;

     for(i=0;i<len;i++){//循环这个列表得到每一tr并给他添加属性

         myTrs[i].onmouseover = function () {//onmouseover= function ()是光标移动到某个位置就执行这个匿名函数

             this.style.backgroundColor = 'red'//这是this的意思是谁调用的这个函数，this就代指哪个标签

         };

         myTrs[i].onmouseout = function () {//onmouseout = function ()是光标移动到某个位置就执行这个匿名函数

             this.style.backgroundColor=''

         };

    }

 </script>

 </body>

 </html>

效果如下图：

巴特西

用dom1来实现，根据光标移动自动给表单加上背景色，光标移开自动去除背景色

最新文章

热门文章