首頁(yè) 猿問(wèn) 這段代碼有什么問(wèn)題運(yùn)行不了

這段代碼有什么問(wèn)題運(yùn)行不了

JavaScript

甫里 2016-04-13 20:00:10

? ? window.onload = function(){? ? ? ? ?var tr =document.getElementsByTagName("tr");? ? ? ? ?for (var i = 0; i < tr.length; i++) {? ? ? ? ? ? ? ? ?tr[i].addEventListener("mouseover",function(){tr[i].style.color="red"},false);? ? ? ? ? ? ? ? ?tr[i].addEventListener("mouseout",function(){tr[i].style.color=""},false); }

查看完整描述

5 回答

qq_沖哥_0

TA貢獻(xiàn)40條經(jīng)驗(yàn) 獲得超30個(gè)贊

function(){tr[i].style.color="red"} ? 改成 this.style.color ='red';

你這么寫涉及到JS的閉包問(wèn)題。?function(){tr[i].style.color="red"} 是一個(gè)閉包，如果它與包含它的函數(shù)引用同一個(gè)變量 i，

那么變量i 只能取得最后一個(gè)值 .你運(yùn)行下面的函數(shù)可以看一下。

tr[i].addEventListener("mouseover",function(){
????????alert(i);?//?i?永遠(yuǎn)等于?tr.length,就是?for?循環(huán)運(yùn)行后，?i取得最后一個(gè)值。
},false);

3 反對(duì) 回復(fù) 2016-04-13

甫里
嗯是的。function(){tr[i].style.color="red"} 如果還是要涉及閉包的話這個(gè)函數(shù)中的tr[i]應(yīng)該如何賦值呢

回復(fù) 2016-04-13
qq_沖哥_0
你這個(gè)其實(shí)很簡(jiǎn)單，用this 代替體tr[i] 就可以了。 tr[i].addEventListener("mouseover",function(){ this.style.color="red" },false); 如果必須要使用i變量，那么如果讓里面的i 和外面的i 一一對(duì)應(yīng)，可以給tr 增加一個(gè)自定義屬性 index， tr[i].index =i; tr[i].addEventListener("mouseover",function(){ tr[this.index].style.color="red" },false);

回復(fù) 2016-04-13

qq_青棗工作室_0

TA貢獻(xiàn)446條經(jīng)驗(yàn) 獲得超754個(gè)贊

把?tr[i].style.color 改為 this.style.color

1 反對(duì) 回復(fù) 2016-04-14

不知名的前端程序猴

TA貢獻(xiàn)32條經(jīng)驗(yàn) 獲得超22個(gè)贊

最后少一個(gè) ? } ? ?啊，大兄弟

反對(duì) 回復(fù) 2016-04-14

GoldX

TA貢獻(xiàn)1條經(jīng)驗(yàn) 獲得超0個(gè)贊

后面少了個(gè)括號(hào)

反對(duì) 回復(fù) 2016-04-13

qq___524

TA貢獻(xiàn)171條經(jīng)驗(yàn) 獲得超74個(gè)贊

能不能把全部的代碼貼過(guò)來(lái)？

反對(duì) 回復(fù) 2016-04-13

甫里
已經(jīng)是完整的代碼了~ var tr =document.getElementsByTagName("tr");這段的意思提取tr元素。整段代碼的意思給每行添加鼠標(biāo)事件。

回復(fù) 2016-04-13
qq___524
那個(gè)for語(yǔ)句中，你少了后面的那個(gè)花括號(hào)

回復(fù) 2016-04-13