首頁(yè) 猿問(wèn) 求大神解答。

求大神解答。

JavaScript

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

?大神可不可以解釋一下每句是什么意思？有點(diǎn)暈~~window.onload = function(){? ? ? ? ? ? // 鼠標(biāo)移動(dòng)改變背景,可以通過(guò)給每行綁定鼠標(biāo)移上事件和鼠標(biāo)移除事件來(lái)改變所在行背景色。? ? ? ? ? ? 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貢獻(xiàn)35條經(jīng)驗(yàn) 獲得超21個(gè)贊

????//?頁(yè)面全部加載完成后執(zhí)行代碼
????window.onload?=?function(){
????????????//?鼠標(biāo)移動(dòng)改變背景,可以通過(guò)給每行綁定鼠標(biāo)移上事件和鼠標(biāo)移除事件來(lái)改變所在行背景色。
????????????Hightlight();//?調(diào)用?Hightlight()方法
????????}
?????//?Hightlight()方法
?????function?Hightlight(){
?????????????//?獲取id為table的元素的最后一個(gè)子元素
????????????var?t?=?document.getElementById("table").lastChild;
????????????//?獲取上面該元素中標(biāo)簽名為tr的元素集合，注意這是一個(gè)集合，即有很多個(gè)tr對(duì)標(biāo)簽，t1.length?表示這個(gè)集合的長(zhǎng)度
????????????var?t1?=?t.getElementsByTagName("tr");
????????????//?循環(huán)這個(gè)集合
????????????for(var?i?=?1;?i?<?t1.length;?++i?){
????????????????//?當(dāng)鼠標(biāo)移入到tr元素上
????????????????t1[i].onmouseover?=?function(){
????????????????????//?這個(gè)元素的背景色變?yōu)?f2f2f2
????????????????????this.style.backgroundColor?=?"#f2f2f2";
????????????????}
????????????????//?當(dāng)鼠標(biāo)移出這個(gè)tr元素
????????????????t1[i].onmouseout?=?function(){
????????????????????//?//?這個(gè)元素的背景色變?yōu)?fff
????????????????????this.style.backgroundColor?=?"#fff";
????????????????}
????????????}
????????}

記得采納

反對(duì) 回復(fù) 2016-08-27

皓韻兒
t1[i].onmouseout = function() 一定得這樣寫(xiě)嗎？這是不是也相當(dāng)于調(diào)用了一個(gè)函數(shù)?。?/div>
回復(fù) 2016-08-28
陳默有言
不一定這么寫(xiě)，也可以把方法寫(xiě)在標(biāo)簽上，<tr onclick="clickMe();"></tr>這種樣式的，然后在script里寫(xiě)clickMe方法，不過(guò)不建議這么些，會(huì)造成代碼耦合，一般要實(shí)現(xiàn)html css js三者分離，這樣修改代碼也方便

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

回復(fù) 2016-08-28