HTML DOM에서는 모든 것이 노드입니다. DOM은 노드 트리로 간주되는 HTML입니다.
HTML DOM 노드 통사론
W3C의 HTML DOM 표준에 따르면 HTML 문서의 모든 콘텐츠는 노드입니다.
전체 문서는 문서 노드입니다.
각 HTML 요소는 요소 노드입니다
HTML 요소 내의 텍스트는 텍스트 노드입니다
각 HTML 속성은 속성 노드입니다
댓글은 주석 노드입니다
HTML DOM 노드 예
<html> <head> <meta charset="utf-8"> <title>DOM 教程</title> </head> <body> <h1>DOM 课程1</h1> <p>Hello world!</p> </body> </html>
위의 HTML에서:
<html> 노드는 루트 노드
<head>이고 <body>의 상위는 <html> Hello world !"의 상위 노드는 <p> 노드
이며
<html> 노드에는 두 개의 하위 노드가 있습니다: <head> 및 <body>
<head> 노드에는 두 개의 하위 노드: <meta> 및 <title> 노드에도 하위 노드가 있습니다. 텍스트 노드 "DOM Tutorial"
<p> 또한 <body> 하위 노드
의 멤버입니다.
<head> 요소는 <html> 요소의 첫 번째 하위 노드입니다.
<body> 요소는 < html> 요소
<h1> 요소는 <body> 요소의 첫 번째 하위 노드입니다.
<p> 요소는 <body> 요소의 마지막 하위 노드입니다.