에러 원인 :
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
'자율 학습 > 에러 해결' 카테고리의 다른 글
| [JSTL] 코어 태그 안 될 때 (0) | 2022.09.16 |
|---|---|
| [jQuery] 스크립트 함수로 만들어진 html에 걸린 id에 클릭 이벤트 건 스크립트 함수가 안 될 때 (0) | 2022.09.15 |
| [jQuery] keypress가 안 먹히는 에러 (keydown으로 교체) (0) | 2022.09.15 |
| 검색이 안 될 때 (0) | 2022.09.15 |
| [Oracle/SQL] ORA-00905: 누락된 키워드 missing keyword (0) | 2022.09.15 |