Question

这是html：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type='text/javascript' src="myScript.js"></script>
</head>
<body>

<p>hi</p>
</body>
</html>

这是javascript：

var buyButtons = document.getElementsByTagName("p");
console.log(buyButtons)
console.log(buyButtons[0])

第一个console.log显示“ HTMLCollection [] ”，第二个console.log显示“未定义”，这怎么可能？

好的，我读了另一篇文章，所以我知道脚本应该在DOM之下，但是第一个console.log在DOM之前是如何工作的？

请不要将我的问题标记为重复，其他帖子确实显示了解决方案，但针对此问题但是没有提到为什么第一个console.log工作

Answer 1

console.log(buyButtons)记录一个空数组，因为没有找到dom元素

定义时未定义？

1 个答案: