JavaScript를 사용하여 특정 div에서 를 만들기

Question

배열을 만들려고합니다 <li> 그것은 div에 있습니다. 그래서 나는 가지고있다

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

테스트 목적으로, 나는 an을 넣었다 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');

}

요소가 생성되기 전에 코드가 실행될 수 있습니다.