javascript - DOM GetElementsByTagName 问题

Question

我刚刚开始学习 JavaScript，我刚刚到达我课程的 DOM 部分。

我有一个页面上有 10 个标签，我创建了以下 JavaScript 来告诉我有多少标签。

<script type="text/javascript">
var myLinks = document.getElementsByTagName("a");
console.log("We have ", myLinks.length ," many links on the page");
</script>

但是在控制台中它报告了这一点：

我们在页面上有 0 多个链接

这不是真的，因为有 10 个链接，其中 9 个在网站的导航部分，1 个在页脚。

如果有人能告诉我我做错了什么，那就太好了。

谢谢

Answer 1

您需要将其包装在onload处理程序中，因为在执行时，DOM 没有完全加载：

<script type="text/javascript">
  window.onload = function() {
    var myLinks = document.getElementsByTagName("a");
    console.log("We have ", myLinks.length ," many links on the page");
  };
</script>

Answer 2

将脚本放在文档的末尾（在您关闭之前</body>）：