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>