1. HTML DOM은 트리 객체입니다
2. 각 노드에는 노드에 대한 특정 정보가 포함됩니다. 즉,
1. nodeName
nodeName 속성에는 특정 노드 이름이 포함됩니다. .
* 요소 노드의 nodeName은 태그 이름입니다.
* 속성 노드의 nodeName은 속성 이름입니다.
* 텍스트 노드의 nodeName은 항상 #text입니다.
* 문서 노드의 nodeName은 항상 #document
참고: nodeName에 포함된 XML 요소의 태그 이름은 항상 대문자입니다.
2. nodeValue
텍스트 노드의 경우 nodeValue 속성에는 텍스트가 포함되어 있습니다.
속성 노드의 경우 nodeValue 속성에는 속성 값이 포함됩니다.
문서 노드 및 요소 노드에는 nodeValue 속성을 사용할 수 없습니다.
3. nodeType
nodeType 속성은 노드의 유형을 반환할 수 있습니다.
가장 중요한 노드 유형은 다음과 같습니다.
| 요소 유형 스팬> |
노드 유형 SPAN> |
| 요소 |
1 |
| 속성 |
2 |
| 텍스트 |
3 |
| 댓글 |
8 |
| 문서화 |
9
| 元素类型 |
节点类型 |
| 元素 |
1 |
| 属性 |
2 |
| 文本 |
3 |
| 注释 |
8 |
| 文档 |
9
|
|
3. 노드 수정
1. [newfathernode].appendChild([childnode])
이 작업은 newfathernode와 childnode 간의 관계를 부모-자식으로 변경합니다. node , 자동으로 childnode의 oldfathernode가 더 이상 이 childnode 노드를 소유하지 않게 됩니다.
2. [newfathernode].removeChild([childnode])
4. 프로그램 예
<script> <br>function $id(id){ <br>return document.getElementById(id) <br><br>function CountNodes(arr) { <br>var len = arr.length; <br>var i = 0 <br>while(len--){ <br>(arr[len].nodeType==1) && i ; <br>} <br>return i; <br>} <br><br>window.onload = function(){ <br>alert(CountNodes($id("div2").childNodes)); 🎜>$id(" div2").appendChild($id("div3")); <br>alert(CountNodes($id("div1").childNodes)) <br>alert(CountNodes($id( "div2").childNodes )) <br></script>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
