gpt4 book ai didi

javascript - Chrome Javascript 安全性?

转载 作者:行者123 更新时间:2023-11-30 12:51:31 25 4
gpt4 key购买 nike

所以我有这个空白页面,

<html>
<head>
<title>JS</title>
<script type="text/javascript">
var container = document.getElementById("container");
console.log(container);
</script>
</head>
<body>
<div id="container"></div>
</body>
</html>

并且出于某种原因,console.log 返回“null”而不是 div 对象。但是当我把代码放到像 jsfiddle 这样的网站上时,它就起作用了。我该如何解决这个问题,这是一个常见问题吗?

最佳答案

JSFiddle 可能无法正确模拟 DOM 加载。您的示例的问题是您的 JavaScript 在 DOM 完全加载之前执行。 DOM 是自上而下加载的,因此当您的 JavaScript 被执行时,container div 还不存在于 DOM 中。

您可以将脚本 block 移到 div 之后,这是解决问题的快速方法。或者,您可以在加载 DOM 时监听事件,然后执行您的代码。 This StackOverflow question演示了如何做到这一点。

关于javascript - Chrome Javascript 安全性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20820778/

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