为什么我新加入的行鼠标移上去没有变色的效果?

来源:9-22 编程练习

celceta

2015-05-12 14:53

如题

   window.onload = function(){               

     // 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。

        var tr=document.getElementsByTagName("tr");

        for(i=0;i<tr.length;i++){

           ccolor(tr[i]); 

        }

     }

     

     function ccolor(obj){

         obj.onmouseover=function(){

         obj.style.backgroundColor="#ccc";

             obj.style.color="green";

         }

         obj.onmouseout=function(){

             obj.style.backgroundColor="#fff";

             obj.style.color="black";

         }

     }      

写回答 关注

1回答

  • 不断滴自我催眠
    2015-05-12 15:39:23
    已采纳

    新加入的行 也要调用ccolor方法才可以

    因为window.onload 只会执行一次,你新加入的tr不会再执行里面的方法 所以在新加入后 需要手动调用ccolor方法

    celcet...

    非常感谢!

    2015-05-12 23:04:17

    共 1 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468061 学习 · 21891 问题

查看课程

相似问题