这样写只能实现一行的背景变色和恢复原色

来源:9-22 编程练习

奔跑吧猫叔

2016-03-25 16:33

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

    change[0].onmouseover=function(){

         document.getElementsByTagName("tr")[0].style.backgroundColor="#f2f2f2";

           }

    change[1].onmouseover=function(){

         document.getElementsByTagName("tr")[1].style.backgroundColor="#f2f2f2";

           }

    change[2].onmouseover=function(){

         document.getElementsByTagName("tr")[2].style.backgroundColor="#f2f2f2";

           }

    change[0].onmouseout=function(){

         document.getElementsByTagName("tr")[0].style.backgroundColor="white";

   /* change[1].onmouseout=function(){

         document.getElementsByTagName("tr")[1].style.backgroundColor="white";*/

   /* change[2].onmouseout=function(){

         document.getElementsByTagName("tr")[2].style.backgroundColor="white";*/

如果把最后两行任意一个解除注释就无法实现题目要求的效果。这是为什么呢?

写回答 关注

1回答

  • 奔跑吧猫叔
    2016-03-25 16:51:02

    已经知道用循环会方便很多。但是这个问题还是不太明白。

JavaScript进阶篇

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

468060 学习 · 21891 问题

查看课程

相似问题