Uncaught TypeError

 

 

 

이렇게 코드를 작성했을 때 다음과 같은 에러가 발생한다

 

 Uncaught TypeError: Cannot set properties of null (setting 'onmousedown')

 

발생하는 이유는 hat 이 null 이기 때문이다

 

script 태그를 header에 넣은 경우 body의 태그가 

 

생성되기 전에 querySelector로 접근하기 때문이다

 

첫 번째 방법은 script 태그를 body 태그 아래에 두면

 

태그가 다 실행되어 생성된 다음에 script 코드가 생성되어 객체가

 

정상적으로 생성된다

 

두 번째 방법은 window.onload 안에 넣으면 된다