appendChild (1) 썸네일형 리스트형 JavaScript 문서 객체 조작 자바스크립트에서는 html 요소들을 문서객체라 부른다. 1. DOMContentLoaded 이벤트 바디 태그가 생성되기 전인 head 태그 에서 바디 태그에 무언가를 출력하려고 하면 문제가 생긴다. DOMContentLoaded 이벤트는 웹 브라우저가 문서 객체를 모두 읽고나서 실행하는 이벤트다. 다음과 같이 코드를 구성하면 DOMContentLoaded 상태가 되었을 때(문서 객체를 다 읽었을 때) 콜백 함수를 호출한다. document.body.innerHTML 코드는 문서(document)의 바디(body) 안에 있는 HTML 코드를 자바스크립트로 조작할 수 있게 해주는 코드다. document.addEventListener('DOMContentLoaded', () => {})는 앞으로 나오는 대부.. 이전 1 다음