javascript - 无法获取 JSON 对象的 innerHTML

Question

以下脚本返回错误“无法读取未定义的属性‘1’”，但我可以在 Chrome 控制台中正常读取该对象。我还尝试了 obj[0].NodeName[1]，它在 Chrome 控制台中显示了值，但随后错误提示它无法将属性 innerHTML 设置为 null。

将 JSON 元素读入我的 HTML 的正确语法是什么？

<script>
var nodeList='[{"NodeName":["Node1","Node2","Node3","Node4","Node5","Node6" ]}]';
obj = JSON.parse(nodeList);
document.getElementById("NodeName").innerHTML=obj.NodeName[1];
</script>   
NODE Name: <span id="NodeName"></span><br> 

Answer 1

脚本在文档完成加载之前运行，并且文档中尚不存在 NodeName 元素。在 onload 事件处理程序中运行您的脚本或在跨度之后移动您的脚本元素。