에러 원인 :
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
'자율 학습 > 에러 해결' 카테고리의 다른 글
| [JavaScript/jQuery] 스크립트로 그린 목록 중 하나에 클릭 이벤트를 걸어도 걸리지 않을 때 (동작 안 할 때) (0) | 2022.09.21 |
|---|---|
| [JSTL] 코어 태그 안 될 때 isELIgnored 설정 추가 (0) | 2022.09.16 |
| [jQuery] keypress가 안 먹히는 에러 (keydown으로 교체) (0) | 2022.09.15 |
| [Oracle/SQL] FROM 키워드가 필요한 위치에 없습니다. (AS 별칭 에러) + 열명을 올바르게 지정해 주십시오 (예약어) (0) | 2022.09.15 |
| 깃 연동해서 받은 프로젝트를 서버에 추가하려는데 안 보일 때 (0) | 2022.09.08 |