Javascript 通过 id 获取元素

Question

我的 HTML 包含代码:

<div id="msg"></div>

在它的体内。

然后在头部部分我有:

var msg = document.getElementByID("msg");

但是当我在一个函数中调用时:

msg.innerHTML = "test";

它返回一个错误，说明 msg 为空。我该怎么办？

Answer 1

首先，你必须考虑到 JavaScript 是区分大小写的语言，所以你应该使用 getElementById (注意最后一封信的大小写)。接下来，如果您通过 id 获取元素，则应将 ID 作为参数(而不是标签名称)传递:

var msg = document.getElementById("msg");

您可以在 MDN 中阅读有关此方法的更多信息:

• > https://developer.mozilla.org/en-US/docs/DOM/document.getElementById

此外，一个重要的注意事项是在标记完全加载时使用此代码，即当您的 msg元素对于 JavaScript 来说是“可见的”。为了实现这一点，一个选择是把你的 <script>标记(带有相应的 JavaScript 代码)到 HTML 的末尾 </body> 之前.