求大神解答。

 大神可不可以解释一下每句是什么意思?有点晕~~


window.onload = function(){

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

            Hightlight();

        }

 function Hightlight(){

            var t = document.getElementById("table").lastChild;

            var t1 = t.getElementsByTagName("tr");

            for(var i = 1; i < t1.length; ++i ){

                t1[i].onmouseover = function(){

                    this.style.backgroundColor = "#f2f2f2";

                }

                t1[i].onmouseout = function(){

                    this.style.backgroundColor = "#fff";

                }

            }

        }


皓韵儿
浏览 961回答 1
1回答

陈默有言

    // 页面全部加载完成后执行代码     window.onload = function(){             // 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。             Hightlight();// 调用 Hightlight()方法         }      // Hightlight()方法      function Hightlight(){              // 获取id为table的元素的最后一个子元素             var t = document.getElementById("table").lastChild;             // 获取上面该元素中标签名为tr的元素集合,注意这是一个集合,即有很多个tr对标签,t1.length 表示这个集合的长度             var t1 = t.getElementsByTagName("tr");             // 循环这个集合             for(var i = 1; i < t1.length; ++i ){                 // 当鼠标移入到tr元素上                 t1[i].onmouseover = function(){                     // 这个元素的背景色变为#f2f2f2                     this.style.backgroundColor = "#f2f2f2";                 }                 // 当鼠标移出这个tr元素                 t1[i].onmouseout = function(){                     // // 这个元素的背景色变为#fff                     this.style.backgroundColor = "#fff";                 }             }         }记得采纳
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript