通过Dom查询时，最后一个子句是null错误

Question

我有HTML的DOM结构＆lt; - Body＆lt; - Div＆lt; -img，img，img。我试图在div的最后一个孩子上点击鼠标。但它给我空引用错误。

这是我的javascript代码：

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

然而它给我错误

theLeftSide.lastChild is null

我在这里做错了什么。

这里的DOM

Answer 1

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

  

在div上执行此查询之前，没有正文加载函数会创建5个图像子元素。

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