使用javascript </li>在特定div中创建<li>的数组

Question

我正在尝试创建一个div中的<li>数组。所以我有

var arr = document.getElementById('mainNav').getElementsByTagName('li');

出于测试目的，我放了alert("test"); alert(arr.length);以查看是否会弹出警报以及数组的大小。两个警报都没有出现，但如果我在变量声明之前发出警报，它就可以正常工作。可能出现什么问题？

Answer 1

或许您的提醒未显示，因为document.getElementById('mainNav')正在返回null。检查您是否收到Javascript错误。或者将代码分解为多行，以便更容易查看错误发生的位置：

var mainNav = document.getElementById('mainNav');
alert(mainNav);
var arr = mainNav.getElementsByTagName('li');

Answer 2

如果您确定在“mainNav”中有LI元素。尝试将代码放在onLoad函数中：

window.onload = function(){
var arr = document.getElementById('mainNav').getElementsByTagName('li');

}

您的代码可能在元素创建之前执行。