首頁猿問求大神解答。

求大神解答。

JavaScript

皓韻兒 2016-08-27 21:50:02

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

查看完整描述

1 回答

已采納

陳默有言

TA貢獻35條經(jīng)驗獲得超21個贊

????//?頁面全部加載完成后執(zhí)行代碼
????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");
????????????//?循環(huán)這個集合
????????????for(var?i?=?1;?i?<?t1.length;?++i?){
????????????????//?當鼠標移入到tr元素上
????????????????t1[i].onmouseover?=?function(){
????????????????????//?這個元素的背景色變?yōu)?f2f2f2
????????????????????this.style.backgroundColor?=?"#f2f2f2";
????????????????}
????????????????//?當鼠標移出這個tr元素
????????????????t1[i].onmouseout?=?function(){
????????????????????//?//?這個元素的背景色變?yōu)?fff
????????????????????this.style.backgroundColor?=?"#fff";
????????????????}
????????????}
????????}

記得采納

反對回復 2016-08-27

皓韻兒
t1[i].onmouseout = function() 一定得這樣寫嗎？這是不是也相當于調用了一個函數(shù)??？

回復 2016-08-28
陳默有言
不一定這么寫，也可以把方法寫在標簽上，<tr onclick="clickMe();"></tr>這種樣式的，然后在script里寫clickMe方法，不過不建議這么些，會造成代碼耦合，一般要實現(xiàn)html css js三者分離，這樣修改代碼也方便

回復 2016-08-28
皓韻兒
好的，謝謝大神。

回復 2016-08-28