求大神解答。

Question

 大神可不可以解释一下每句是什么意思？有点晕~~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";                }            }        }

Answer 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";
                }
            }
        }

记得采纳