gpt4 book ai didi

html head 中的 javascript,innerhtml 不工作?

转载 作者:行者123 更新时间:2023-11-29 16:22:15 24 4
gpt4 key购买 nike

 <html>
<head>
<script type="text/javascript">
document.getElementById("eee").innerHTML = "7777";
</script>


</head>
<body>
<p id="eee">aa</p>

</body>
</html>

为什么 innerHTML 在头部不起作用,但在 body 中却起作用?请原谅初学者的问题,但一年前我上次使用 javascript 时,这根本不是问题。

最佳答案

您需要等待 HTML 文档加载完成后才能对其进行操作。

<script type="text/javascript">
window.onload = function() {
document.getElementById("eee").innerHTML = "7777";
};
</script>

请记住,脚本是按照它们在 HTML 文档中列出的顺序进行评估的,因此您的脚本会在浏览器处理“head”部分时运行。由于浏览器尚未解析“body”部分,因此它不知道任何具有 id“eee”的元素。

但是,通过为“window.onload”事件分配一个函数,您可以延迟内部 HTML 分配的执行,直到窗口完全加载所有资源并安全地操作文档。

请注意,如果您的脚本位于 body 部分,则在列出 ID 为“eee”的元素后,脚本将运行而无需等待窗口“load”事件。

关于html head 中的 javascript,innerhtml 不工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9849204/

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