為什么for循環中直接使用tr[i]不可以,(詳情見下面代碼）
為什么for循環中直接使用tr[i]不可以
window.onload = function(){
???? // 鼠標移動改變背景,可以通過給每行綁定鼠標移上事件和鼠標移除事件來改變所在行背景色。
??????? var tr = document.getElementsByTagName("tr");
??????? for(var i = 0; i < tr.length; i++)
??????? {
???????????tr[i].onmouseover=function()
??????????? {
??????????????? tr[i].style.backgroundColor = "#f2f2f2";
??????????? }
??????????? tr[i].onmouseout=function()
??????????? {
??????????????? tr[i].style.backgroundColor = "#fff";
??????????? }??????
??? ?? }
}
這是別人的代碼，但我的問題和他有點不一樣，這是別人回答他：
這是由于事件的異步執行造成的。方法一中給每個tr都綁定了onmouseover和onmouseout事件，頁面加載完成后，for循環中的i已經變為了tr.length。而事件此時還沒有被觸發，當用戶移動鼠標觸發事件時，事件函數中的代碼? tr[i].style.backgroundColor = "#f2f2f2";開始執行，而這時i的值已經是tr.length了,tr[i]即tr[tr.length],可tr中最后一個是tr[tr.length-1],而tr[tr.length]這個節點是不存在的。
我的問題是：
就是for循環結束后，每個tr[i]的事件不是已經注冊了嗎？就是tr[0].style.backgroundColor = "#f2f2f2";這樣每個tr[i]事件都注冊了，那這時i怎么變不是應該沒關系了嗎，為什么鼠標移動的時候觸發事件的時候還要在執行tr[i].style.backgroundColor = "#f2f2f2";這個啊，不是應該執行如tr[0].style.backgroundColor = "#f2f2f2";這樣的，執行的是注冊的事件嗎？
2016-11-14
似乎有點明白，似乎不明白。。。我也是那樣寫的，怎么都行不通。。。把方法單獨寫到一個方法就OK，這感覺就像是這語言有點ZZ
2016-11-10
電腦有毒,鑒定完畢
2016-11-10
你得理解不對，每個tr[i]事件確實注冊了，但是只是注冊到?tr[i].onmouseover=function()這一步，具體事件內容還是要等觸發的時候再去獲取
2016-11-10
怎么沒人回答我的，跪求解答