                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進(jìn)階篇

求指點(diǎn)迷津,我的onload函數(shù)哪里寫錯了,得不到想要的結(jié)果 !!

求大神指點(diǎn)一下迷津,我寫的錯在哪里??

window.onload?=?function(){?
?????????var?tr?=?document.getElementsByTagName("tr");
?????????for?(?var?i=0;i<tr.length;i++?){
????????????????//循環(huán)遍歷改變屬性及方法;
?????????????????tr[i].onmouseover?=?function(){
??????????????????????????tr[i].style.backgroundColor?=?"#f2f2f2";
????????????????};
????????????????tr[i].onmouseout?=?function(){
??????????????????????????tr[i].style.backgroundColor?=?"#fff";
????????????????};?
????????}?
}

一點(diǎn)兒也不

2015-11-16

源自：JavaScript進(jìn)階篇 9-22

關(guān)注問題我要回答

502

操作

收起

3 回答

李曉健回答被采納 +3 積分
2015-11-17

window.onload?=?function(){
????????var?tr?=?document.getElementsByTagName("tr");????????
????????for?(?var?i=0;i<tr.length;i++?){
????????????var?ctr?=?tr[i];
????????????(function(ctr){
????????????????ctr.onmouseover?=?function(){
????????????????????ctr.style.backgroundColor?=?"#f2f2f2";
????????????????};
????????????????ctr.onmouseout?=?function(){
????????????????????ctr.style.backgroundColor?=?"#fff";
????????????????};
????????????}(ctr))
????????}
????}

window.onload?=?function(){
????????var?tr?=?document.getElementsByTagName("tr");
????????for?(?var?i=0;i<tr.length;i++?){
????????????var?ctr?=?tr[i];
????????????//循環(huán)遍歷改變屬性及方法;
????????????tr[i].onmouseover?=?function(){
????????????????this.style.backgroundColor?=?"#f2f2f2";
????????????};
????????????tr[i].onmouseout?=?function(){
????????????????this.style.backgroundColor?=?"#fff";
???????????};
????????}
????}

以上兩種方法都可以

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

一點(diǎn)兒也不提問者

我想問下，為什么用數(shù)組引用出來的元素不能直接使用呢？是在循環(huán)的過程中，跟C語言不一樣嗎，這個i不是按照順序?qū)崿F(xiàn)的嗎？

2015-11-17 回復(fù) 有任何疑惑可以回復(fù)我~

#2

李曉健回復(fù) 一點(diǎn)兒也不提問者

你可把你的那個 i 彈出來看一下，這個i是你的tr的長度加1 不是循環(huán)里一直增加的那個數(shù)。如果你非要這么用，可以像上面我寫的第一種方法那個，把i傳到一個閉包里用。

2015-11-17 回復(fù) 有任何疑惑可以回復(fù)我~

#3

一點(diǎn)兒也不提問者

非常感謝！

2015-11-18 回復(fù) 有任何疑惑可以回復(fù)我~

荼酒
2015-11-17

this表示當(dāng)前對象啊，你每個tr都綁定了mouseover事件，鼠標(biāo)經(jīng)過當(dāng)前對象后觸發(fā)事件～改變背景顏色，

如果是tr[i].style.backgroundColor?=?"#f2f2f2"; 那么這里的i無法指向當(dāng)前經(jīng)過了哪個對象。

2 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

一點(diǎn)兒也不提問者

為什么這個i無法指向當(dāng)前所經(jīng)過的對象呢，不是用tr[i]引用出來了嗎？

2015-11-17 回復(fù) 有任何疑惑可以回復(fù)我~

#2

vivian_xu 回復(fù) 一點(diǎn)兒也不提問者

我是這樣理解的，這個遍歷是給每個TagName為tr加上onmouseover和onmouseout事件，表現(xiàn)到HTML代碼中就是 <tr onmouseover="function(){ tr[i].style.backgroundColor = "#f2f2f2";}" onmouseout="function(){ tr[i].style.backgroundColor = "#fff";}"> 于是你就可以看出來，那個tr[i]他并不知道是什么東西。。。。我也是新手啊，理解也不一定對的。而且this真的感覺好復(fù)雜。。。。 - -

2015-11-18 回復(fù) 有任何疑惑可以回復(fù)我~

#3

一點(diǎn)兒也不提問者回復(fù) vivian_xu

好像是這么個理。它復(fù)制的有點(diǎn)類似于文本，而不是根據(jù)實(shí)際來改變對象屬性。

2015-11-29 回復(fù) 有任何疑惑可以回復(fù)我~