为什么"getElementsByTagName"找不到任何东西？

Question

这似乎应该是非常基本的,我无法弄清楚为什么它不起作用.到目前为止我有一个超级简单的页面,我想用JS选择段落:

这是我的HTML:

<!DOCTYPE html>
<html>
  <head>
    <script src="misc.js" type="text/javascript"></script>
  </head>
  <body>
    <p id="first">Just one paragraph.</p>
    <p id="second">Two, actually.</p>
  </body>
</html>

我的JS:

var paras = document.getElementsByTagName('p');
console.log(paras.length);

我希望控制台日志显示,2但我看到了0.我非常仔细地阅读了文档,我无法弄清楚我在这里做错了什么.

Answer 1

在运行脚本时,文档中没有段落.

移动脚本元素使其出现在段落之后,或者将代码放在函数中,然后稍后调用该函数(例如,当load 事件触发时).