[JS] Uncaught TypeError: Cannot read properties of null (reading 'addEventListener') 에러

 

에러 원인 :

HTML이 모두 로드되기 전에 자바스크립트 영역에서 HTML을 참조하기 때문이다.

addEventListenr에서 HTML 태그를 참조할 수가 없었기 때문에 null을 참조하게 됐고 에러가 발생하게 된 것.

 

해결 방법

1. script 영역을 body 태그 아래에 위치시킨다.

2. window.onload 함수 내부에 넣는다.

3. jQuery는?

 

개념1) 제이쿼리의 $(셀렉터) => document.querySelector(셀렉터) 또는 document.querySelectorAll(셀렉터)

개념2) querySelector, querySelectorAll 는 getElementById, getElementsByClassName, getElementsByTagName 포함한다.

 

 

출처: https://blog.naver.com/PostView.nhn?isHttpsRedirect=true&blogId=quki09&logNo=220710183742

참고: https://blog.jiniworld.me/75