Javascript getElementById/InnerHTML函数不工作

我正在玩Javascript，以重新开始最近开始的第二学期web课程，我遇到了一个问题，即如何让getElementById和innerHTML正常工作

基本上，我想用动物的名字填充一个空的h1

函数favAnimal（）
{
document.getElementById（“动物”）.innerHTML=“猫”
}

Favorite Animal Placeholder

一个

标记没有

onload

事件处理程序，因此您的函数永远不会被调用

您可以对

标记使用

onload

处理程序，或者设置其他一些事件处理程序来分配函数

如果希望在加载文档时触发代码，可以使用以下选项之一：

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

---

如果您只想在加载

标记后立即执行脚本，则只需在标记后调用脚本即可。页面按顺序进行分析/执行，以便任何脚本始终能够引用文档中位于页面之前的HTML元素：

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

而且，除了

之外，几乎所有其他HTML标记都具有

src

或

href

属性。其思想是，如果标记正在加载一些外部资源，那么就有一个

load

事件来知道何时加载完该外部资源。如果标记没有加载外部资源，则可能没有它的

load

事件。

标记没有

onload

事件处理程序，因此永远不会调用您的函数

您可以对

标记使用

onload

处理程序，或者设置其他一些事件处理程序来分配函数

如果希望在加载文档时触发代码，可以使用以下选项之一：

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

---

如果您只想在加载

标记后立即执行脚本，则只需在标记后调用脚本即可。页面按顺序进行分析/执行，以便任何脚本始终能够引用文档中位于页面之前的HTML元素：

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

---

而且，除了

之外，几乎所有其他HTML标记都具有

src

或

href

属性。其思想是，如果标记正在加载一些外部资源，那么就有一个

load

事件来知道何时加载完该外部资源。如果标记没有加载外部资源，则可能没有它的

load

事件。

在html呈现之前执行的ur脚本文件在此发生的情况。因此它无法定位元素，因为它尚未渲染。浏览器提供诸如onload、unload等事件。在这里你需要加载 `Document.addEventListener（“DOMContentLoaded”，init）

函数init（）{ //用户代码

---

}`

您的脚本文件在html呈现之前执行，这里发生了什么。因此它无法定位元素，因为它尚未渲染。浏览器提供诸如onload、unload等事件。在这里你需要加载 `Document.addEventListener（“DOMContentLoaded”，init）

函数init（）{ //用户代码

---

}`加载

事件仅对资源（如文档、图像等）进行调度

如果您想在分析某个元素之后运行某个脚本，只需在其后面添加一个
script
元素：



函数favAnimal（）{
document.getElementById（“动物”）.innerHTML=“猫”；
}
最喜爱的动物占位符
favAnimal（）

如果您想在分析某个元素之后运行某个脚本，只需在其后面添加一个
script
元素：



函数favAnimal（）{
document.getElementById（“动物”）.innerHTML=“猫”；
}
最喜爱的动物占位符
favAnimal（）
如果我没有弄错的话，
h1
没有
onload
事件。请尝试将
onload=“favAnimal（）”
放在
主体
标记上。您也可以使用
innerText
而不是
innerHTML
，因为您不需要更改HTML。如果我没有弄错的话，
h1
没有
onload
事件。请尝试将
onload=“favAnimal（）”
放在
主体
标记上。您也可以使用
innerText
而不是
innerHTML
，因为您不需要更改HTML。HTML5的原始规范是，但这类内容并不容易找到。我通常使用MDN作为我的主要参考源或HTML/Javascript内容，但这一特定问题在那里甚至不容易找到。HTML5的原始规范是，但这类内容不太容易找到。我通常使用MDN作为我的主要参考源或HTML/Javascript，但在那里甚至不容易找到这个特定的问题。