07-1. 문서 객체 조작하기

HTML페이지에 있는 html , head , body , title , h1 , div , span 등을 HTML 언어에서는 요소(element)라고 부릅니다.

그리고 자바스크립트에서는 이를 문서 객체(Document Object)라고 부릅니다. 따라서 '문서 객체를 조작한다.'는 말은 'HTML 요소들을 조작한다'는 의미입니다.

문서 객체를 조합해서 만든 전체적으로 형태를 문서 객체 모델(DOM , Document Objects Model)이라고 부릅니다.

 

• DOMContentLoaded 이벤트는 HTML 페이지의 모든 문서 객체(요소)를 웹 브라우저가 읽어들였을 때 발생 시키는 이벤입니다.
• querySelector() 메소드는 문서 객체를 선택할 때 사용하는 메소드입니다.
• textContent 속성과 innerHTML 속성은 문서 객체 내부의 글자를 조작할 때 사용하는 속성입니다.
• style 속성은 문서 객체의 스타일을 조작할 때 사용하는 속성입니다.
• 이벤트 리스너(이벤트 핸들러)는 이벤트가 발생할 때 실행하는 함수를 의미합니다.