Dom - (document object model)

DOM 이란?

• 자바스크립트는 DOM을 통해서 HTML을 제어한다.
• 웹문서에 프로그래밍적으로 처리하고 변형하기 위한 프로그래밍 인터페이스
• DOM의 처리순서
• • 제어할 대상을 찾는다. - getElementById(), getElementsByName(), getElementsByTagName()
  • 다음으로 대상이 가지고 있는 메소드를 실행 or 이벤트 핸들러 적용!

DOM Object

관련 링크
DOM Document - 문서를 제어하기 위한 API
DOM Events - 엘리먼트가 공통적으로 가지고 있는 이벤트
DOM Elements - 엘리먼트가 공통적으로 가지고 있는 API

주요 엘리먼트 메소드 예

제어할 대상을 탐색

• document.getElementById()
• document.getElementsByName()
• document.getElementsByTagName()

엘리먼트를 생성

• document.createElement
• document.createTextNode

엘리먼트를 제어

• element.appendChild - 하위에 엘리먼트 더하기
• element.setAttribute - 속성 입히기 ex)setAttribute('type','button')
• element.getAttribute - 그 속성 얻기
• element.innerHTML