создать массив <li> в определенном div, используя JavaScript

Question

Я пытаюсь создать массив <li> которые находятся в div.Так что я

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

Если вы уверены, что у вас есть элементы LI в «mainNav».Попробуйте поместить свой код в функцию onLoad:

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

}

Ваш код может выполняться до создания элемента.