gpt4 book ai didi

javascript - getElementById/InnerHTML 函数不起作用

转载 作者:行者123 更新时间:2023-11-28 18:49:00 30 4
gpt4 key购买 nike

我正在使用 Javascript,以便为最近开始的第二学期网络类(class)恢复正常状态,但在让 getElementById 和 innerHTML 正常工作时遇到了问题。

基本上,我想用动物名称填充空 h1

function favAnimal()
{
document.getElementById("animal").innerHTML="cat"
}
<h1 id="animal" onload="favAnimal()">Favourite Animal Placeholder</h1>

以上内容没有改变任何内容。如果 h1 为空,结果是相同的。我也尝试过 <div>使用特定元素排除问题。

感谢所有帮助,并提前致谢!

最佳答案

<h1>标签没有 onload事件处理程序,因此您的函数永远不会被调用。

您可以使用onload <body> 的处理程序标记或设置一些其他事件处理程序来分配您的函数。

如果您希望在加载文档时触发代码,可以使用以下之一:

window.addEventListener("load", favAnimal);       // all page resources loaded
document.addEventListener("DOMContentLoaded", favAnimal); // HTML done parsing
<小时/>

如果您只想在 <h1> 之后立即执行脚本标签已加载,您只需在标签后面调用脚本即可。页面按顺序解析/执行,以便任何脚本始终能够引用文档中位于其之前的 HTML 元素:

<h1 id="animal">Favourite Animal Placeholder</h1>
<script>favAnimal()</script>
<小时/>

以下是我所知道的一些具有 load 的事情事件:

window
<img>
<body>
<iframe>
<link>
<script>
<embed>
<object>
<video>
<audio>
XMLHttpRequest

而且,几乎任何其他具有 src 的 HTML 标签或href属性除了 <a> 。这个想法是,如果标签正在加载一些外部资源,那么就会有一个 load事件以了解何时完成加载该外部资源。如果标签未加载外部资源,则可能没有 load为它举办的事件。

关于javascript - getElementById/InnerHTML 函数不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34803491/

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