웹프로그래밍 기초 천인국 지음
참고하여 작성하였습니다.

문서 객체 모델

문서 객체 모델(document object model)이란 html 문서 객체 구조를 말함
html 문서의 기본 객체 구조는 최상위 객체인 <html>이 있고 하위 객체로 <head> <body>가 있습니다.

문서 객체 모델에서는 모든 태그를 객체라고 부르며 태그에는 기능과 속성이 포함되어 있음.

예) 이미지 태그는 이미지를 출력하는 기능이 src, alt, width, height 속성을 포함

문서 객체 구조를 그림으로 표현하면 트리 구조가 됨!
가장 상위에 위치하는 <html>은 뿌리
가지처럼 뻗어나가는 모양의 요소를 노드

선택자 사용하기

  • 선택자 사용을 위해 문서 객체를 불러와야 함

  • 기본 선택자
    전체/ 아이디/ 클래스 / 요소 / 그룹 / 종속

  • 직접 선택자
    주로 멀리 떨어진 요소를 직접 선택할 때 사용하는 선택자

  • 아이디 선택자

  • 클래스 선택자