DOM 소개

• 할 수있다 14, 2024

DOM은 Document Object Model의 약어입니다. 웹 사이트 개발자가 불가능한 방식으로 함수를 작성하고 코드를 조작 할 수있게하는 HTML을 보는 방법입니다.

DOM에는 세 가지 기본 유형이 있습니다. 핵심 DOM. 유형에 관계없이 모든 문서를 정의하는 데 사용할 수 있습니다. XML 문서와 함께 사용되는 XML DOM 및 HTML DOM 이 마지막 유형은 HTML 개발자에게 가장 중요하고 유용하므로이 기사에서 살펴볼 DOM입니다.

HTML DOM은 HTML 페이지를 노드로 나눕니다. 이 노드들은 모두 서로 연결되어 있으며 자식 노드는 부모 노드와 최상위 루트 노드에서 트리와 같은 레이아웃으로 내려갑니다. HTML 개발자에게 DOM을 중요하고 유용하게 만드는 것은이 정의가 페이지의 모든 부분을 구별하고 다른 모든 부분과 관련하여 위치를 지정하여 특정 섹션을 참조하고 해당 부분에만 영향을주는 코드를 쉽게 디자인 할 수 있다는 것입니다. . 예를 들어, HTML DOM은 Javascript 프로그램이 HTML 요소를 직접 사용할 수있는 방법을 제공하므로 Javascript 프로그래밍에 필수적입니다. DOM이 없으면 Javascript 프로그램이 웹 페이지의 컨텐츠에 동적으로 액세스 할 수 없습니다. 일례로, DOM 메소드를 사용하면 특정 이벤트가 발생하는 경우 (예 : 방문자가 페이지에서 단추를 클릭하는 경우) 특정 HTML 요소 내부의 텍스트를 변경하는 프로그램을 작성할 수 있습니다.

이미 알고 있듯이 HTML 페이지는 다음과 같은 다른 요소로 구성됩니다.



샘플 HTML 페이지

기본 HTML 페이지의 예입니다.

DOM을 사용하면 각 요소 (와 같은 하나의 태그 집합 사이의 모든 요소)가 노드입니다. 노드는 루트 노드라고하며 가장 기본적입니다. 여기에는 노드와 노드라는 두 개의 자식 노드가 있습니다. 위의 예에서 노드는 노드의 자식이며

node는 노드의 자식입니다.

웹 개발자는 특정 명령을 사용하여 DOM을 사용하고 변경할 수 있습니다. 이러한 명령은 HTML 페이지의 일부를 설명하는 속성과 페이지의 해당 부분을 수행하는 메서드로 구분됩니다.

HTML DOM을 사용하는 방법에 대한 자세한 내용은 다음 주에 게시 될 다음 기사 "DOM에 대한 작업"을 참조하십시오.