javascript - 无法获取 JSON 对象的 innerHTML

标签 javascript html

以下脚本返回错误“无法读取未定义的属性‘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> 

最佳答案

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

关于javascript - 无法获取 JSON 对象的 innerHTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22138437/

相关文章:

javascript - 一次移动两个 div 元素

javascript - 如何将上传的文件分配给对象的属性并作为数据发送到angularjs中的post http

html - Div HEIGHT 和 width 一样做一个圆

html - WordPress 页脚不在底部

javascript - React 如何根据 if else 条件返回标签消息

javascript - 如何防止相同的标签在 AngularJS 中创建重复的复选框

javascript - 如何将 PhantomJS 添加到我的 Chrome 扩展程序?

php - 如何仅在 laravel 中调用一个 javascript Assets ?

javascript - 从 jQuery/Js 添加类到谷歌标记

javascript - 将 css 背景设置为本地存储中的图像