> 웹 프론트엔드 > HTML 튜토리얼 > Dom 탐색의 기본에 대한 자세한 설명

Dom 탐색의 기본에 대한 자세한 설명

WBOY
풀어 주다: 2016-10-12 09:50:15
원래의
853명이 탐색했습니다.

DOM에 대해 알아보세요

DOM 레벨

enter description here



참고: DOM 레벨 0 표준은 실제로 존재하지 않으며 역사적 좌표계에 대한 참조점일 뿐입니다. 특히 IE4.0 및 Netscape Navigator4.0에서 원래 지원되는 DHTML을 나타냅니다.

노드 유형

enter description here



참고: 1. 노드는 요소의 속성을 나타냅니다. 속성은 실제로 요소에 연결되므로 속성 노드는 요소의 하위 노드로 간주될 수 없습니다. 속성 노드는 이를 포함하는 요소 노드의 일부로 간주되며 문서 트리에서 별도의 노드로 표시되지 않습니다. 2. 문서 조각 노드는 노드를 삽입할 때 자리 표시자 역할을 합니다. 3.IE는 문자 상수를 지원하지 않습니다(IE에는 Node 객체가 없기 때문입니다).

DOM 준비

Html 태그는 DOM 노드가 되기 전에 브라우저에서 구문 분석되어야 합니다.
enter description here
enter description here
DOM 준비는 window.onload보다 더 최적화되어 있습니다.

상속 계층 및 중첩 규칙

enter description here



enter description here
HTML 중첩 규칙
enter description here
블록 및 인라인 요소 중첩 규칙

  • 블록 요소는 인라인 요소나 특정 블록 요소를 포함할 수 있지만 인라인 요소는 인라인 요소만 포함할 수 있습니다.

  • h1~h6, p, dt와 같은 특수 태그에는 인라인 요소만 포함될 수 있습니다.


참고 자료: MOOC - DOM 탐색의 기본에 대한 자세한 설명

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿