HTML node_javascript 기술과 관련된 일부 정보 편집

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>