1. HTML DOM はツリー オブジェクトです
2. 各ノードには、ノードに関する特定の情報が含まれます。つまり、
1. nodeName
nodeName 属性には、ノードの特定の名前が含まれます。 。
* 要素ノードのノード名はタグ名です
* 属性ノードのノード名は属性名です
* テキストノードのノード名は常に #text
*ドキュメントノードのnodeNameは常に#document
です。 注:nodeNameに含まれるXML要素のタグ名は常に大文字の
です。 2. nodeValue
テキストノードの場合、 nodeValue 属性にはテキストが含まれます。
属性ノードの場合、nodeValue 属性には属性値が含まれます。
nodeValue 属性は、ドキュメント ノードと要素ノードでは使用できません。
3.nodeType
nodeType 属性はノードのタイプを返すことができます。
最も重要なノード タイプは次のとおりです:
| 要素タイプスパン> |
ノード タイプスパン> |
| 要素 |
1 |
| プロパティ |
2 |
| テキスト |
3 |
| コメント |
8 |
| ドキュメント |
9
| 元素类型 |
节点类型 |
| 元素 |
1 |
| 属性 |
2 |
| 文本 |
3 |
| 注释 |
8 |
| 文档 |
9
|
|
3. ノードの変更
1. [newfathernode].appendChild([childnode])
この操作により、newfathernode と childnode の関係が親子関係に変更されます。
2. [newfathernode].removeChild([childnode])
4. プログラム例
>
"div2">
<script> <br>関数 $id(id){ <br>return document.getElementById(id); >関数 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>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
