當通過Dom進行查詢時，最後一個子節點爲空錯誤

Question

我有DOM的HTML結構體< - Body < - Div < -img，img，img。我試圖在div的最後一個孩子上點擊鼠標。但它給了我null參考錯誤。

這裏是我的javascript代碼：

var theLeftSide = document.getElementById("leftSide"); //div id = "leftside" 
theLeftSide.lastChild.onclick = function nextLevel(event){..} 

但是它給我的

theLeftSide.lastChild is null 

錯誤我做錯了這裏。

這裏的DOM

Answer 1

這意味着元素沒有任何子元素，至少在執行查詢。

否在執行此查詢之前，body負載函數會創建5個圖像子元素。

這應該是問題所在。當查詢和下一行被執行時，目標元素還沒有被創建。時間問題。你可以將上面的代碼移動到你的onload處理器中。不要讓DOM的生動表示混淆你。