javascript - 通过 Dom 查询时 Last child is null 错误

Question

我有 HTML <- Body <- Div <-img , img, img 的 DOM 结构。我什至试图在 div 的最后一个 child 上单击鼠标。但它给了我空引用错误。

这是我的 javascript 代码:

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

但是它给了我错误

theLeftSide.lastChild is null

我在这里做错了什么。

这是 DOM

Answer 1

这意味着该元素没有任何子元素，至少在执行查询时是这样。

No the body on-load function creates 5 image child elements before executing this query on div.

应该是这个问题。执行查询和下一行时，目标元素尚未创建。时机很重要。您可以将上面的代码片段移到您的 onload 处理程序中。不要让 DOM 的实时表示让您感到困惑。