TypeError document.getElementById(...)가 null입니다. 오류 Reason_javascript 기술

오늘은 테스트를 위해 간단한 페이지를 직접 작성했습니다. js 부분을 작성한 후 항상 TypeError document.getElementById(...)가 null이라고 보고했는데 코드를 여러 번 읽었지만 구문 오류는 발견되지 않았습니다. 해결책은 인터넷에서 검색하는 것이었고 ID를 기반으로 노드를 찾는 document.getElementById 구문이 약간 특이하다는 것을 발견했습니다.

(1) 헤드 블록 등 id가 위치한 노드 앞에 쓴다면 다음과 같이 써야 한다.

코드 복사 코드는 다음과 같습니다.

window.onload=function(){
......js 코드
}

위 코드는 html 요소가 로드된 후 js를 실행한다는 의미입니다.

(2) ID가 있는 노드 뒤에 쓰십시오. 그렇지 않으면 TypeError: document.getElementById(...)가 null이며 노드를 찾을 수 없다고 보고됩니다.

jquery 코드를 너무 많이 작성하면 일부 js 세부 사항을 간과하기 쉬우므로 나중에 참조할 수 있도록 기록해 두세요.