자바스크립트 HTML DOM
HTML DOM을 사용하여 JavaScript는 HTML 문서의 모든 요소에 액세스하고 변경할 수 있습니다.
HTML DOM(문서 개체 모델)
웹 페이지가 로드 되면 브라우저 는 페이지의 문서 객체 모델 을 생성 합니다 .
HTML DOM 모델 은 Objects 트리로 구성됩니다 .
HTML DOM 객체 트리
객체 모델을 통해 JavaScript는 동적 HTML을 생성하는 데 필요한 모든 기능을 얻을 수 있습니다.
- JavaScript는 페이지의 모든 HTML 요소를 변경할 수 있습니다.
- JavaScript는 페이지의 모든 HTML 속성을 변경할 수 있습니다.
- JavaScript는 페이지의 모든 CSS 스타일을 변경할 수 있습니다.
- JavaScript는 기존 HTML 요소 및 속성을 제거할 수 있습니다.
- JavaScript는 새로운 HTML 요소와 속성을 추가할 수 있습니다.
- JavaScript는 페이지의 모든 기존 HTML 이벤트에 반응할 수 있습니다.
- JavaScript는 페이지에서 새로운 HTML 이벤트를 생성할 수 있습니다.
무엇을 배울 것인가
이 자습서의 다음 장에서는 다음을 배우게 됩니다.
- HTML 요소의 내용을 변경하는 방법
- HTML 요소의 스타일(CSS)을 변경하는 방법
- HTML DOM 이벤트에 반응하는 방법
- HTML 요소를 추가하고 삭제하는 방법
DOM이란 무엇입니까?
DOM은 W3C(World Wide Web Consortium) 표준입니다.
DOM은 문서 액세스 표준을 정의합니다.
"W3C DOM(문서 개체 모델)은 프로그램과 스크립트가 문서의 콘텐츠, 구조 및 스타일에 동적으로 액세스하고 업데이트할 수 있도록 하는 플랫폼 및 언어 중립적 인터페이스입니다."
W3C DOM 표준은 세 부분으로 구분됩니다.
- Core DOM - 모든 문서 유형에 대한 표준 모델
- XML DOM - XML 문서의 표준 모델
- HTML DOM - HTML 문서의 표준 모델
HTML DOM이란 무엇입니까?
HTML DOM은 HTML용 표준 개체 모델 및 프로그래밍 인터페이스 입니다. 다음을 정의합니다.
- HTML 요소를 객체 로
- 모든 HTML 요소 의 속성
- 모든 HTML 요소에 액세스 하는 방법
- 모든 HTML 요소에 대한 이벤트
즉 , HTML DOM은 HTML 요소를 가져오고, 변경하고, 추가하거나 삭제하는 방법에 대한 표준입니다.