Javascript按ID获取元素

Question

我的HTML包含以下代码:

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

在它的身体.

在头部我然后:

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

但是当我在函数内调用时:

msg.innerHTML = "test";

它返回一个错误,指出msg为null.我该怎么办？

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>.