gpt4 book ai didi

javascript - 无法显示 JSON 错误 - TypeError : document. getElementById(...) 为 null

转载 作者:行者123 更新时间:2023-11-28 13:25:09 24 4
gpt4 key购买 nike

我使用基本的 html 和 javascript,它在我的任何浏览器或其他计算机上都不起作用。我收到 TypeError: document.getElementById(...) is null。

当我使用开发工具/控制台时它可以工作。我找不到我写的东西有什么问题,所以我尝试了几种不同的方法,但都失败并出现相同的错误。

<!doctyp html>
<html>
<head>
<title>Simple JSON</title>
<script type="text/javascript">

var info = { "Name":"My name", "Age":"My age", "links":{"PBS":"http://pbs.org", "Google":"http://google.com"}};

var output = "";

for (key in info.links){
output += "<li><a href='"+info.links[key]+"'>"+key+"</a></li>";
}
document.getElementById('links').innerHTML = output;
</script>
</head>
<body>

<ul id="links">

</ul>


</body>
</html>

最佳答案

问题是您的 JavaScript 位于 head 元素中,并且在正文中的实际元素准备好之前执行。将其放入内容准备好时调用的事件中

document.addEventListener("DOMContentLoaded", function(event) { 
var info = { "Name":"My name", "Age":"My age", "links":{"PBS":"http://pbs.org", "Google":"http://google.com"}};

var output = "";

for (key in info.links){
output += "<li><a href='"+info.links[key]+"'>"+key+"</a></li>";
}
document.getElementById('links').innerHTML = output;
});

关于javascript - 无法显示 JSON 错误 - TypeError : document. getElementById(...) 为 null,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29852175/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com