JavaScript DomContentLoaded, querySelector(), querySelectorAll(), textContent(), innerHTML()

1. HTML의 html, head, body, title, h1, span 등을 JS에서는 document object라고 부름 문서 객체 모델 DOM, Document Objects Model 2. DOMContentLoaded 이벤트 - 문서 객체 조작할 때 사용하는 이벤트 JavaScript도 위에서부터 한 줄씩 컴파일 하므로 body 태그가 생성되기 전에 body 태그에 접근하려고 하면 접근 할 수가 없다. 생성이 안된다. DOMContentLoaded 이벤트는 웹 브라우저가 문서 객체를 모두 읽고 나서 실행하는 이벤트 문서 객체를 모두 읽어들이면 콜백함수가 실행 boay 태그 전에 script에서 body 태그를 건들이는 코드를 작성해도 문서 객체를 모두 읽고 난 뒤에 실행하기에 정상적으로 실행된다. document라는 문서 객체..........

원문링크 : JavaScript DomContentLoaded, querySelector(), querySelectorAll(), textContent(), innerHTML()