defer1 defer div element const divElem = document.querySelector('.div'); console.log('querySelector result: ', divElem); 위와 같이 작성할 경우, 다음과 같이 null값이 반환된다. 웹 브라우저는 HTML의 맨 위에서부터 아래로 순차적으로 문서를 읽어나간다. 이 때, script 요소를 읽은 시점은 body 요소를 읽기 전인데, 스크립트문에 의해 알 수 없는 요소에 대한 querySelector를 실행하고 있는 셈이 된다. 따라서 null이 반환된다. 이를 해결하기 위해선 script 요소에 defer 속성을 추가해주어야 한다. div element defer는 HTML 문서를 모두 읽은 후에 script 파일을 읽도록 지시한다. 2022. 11. 29. 이전 1 다음