HTMLのnode_javascriptスキルに関する情報をまとめました。

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>

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。