HTML DOMは、HTML要素を取得、変更、追加、または削除する方法の標準です。 HTML DOMでは、すべてがノードです。 DOMはHTMLであり、ノードツリーと見なされます。
W3CのHTML DOM標準によると、HTMLドキュメントのすべての内容はノードです。
ドキュメント全体はドキュメントノードです
各HTML要素は要素ノードです
HTML要素のテキストはテキストノードです
各HTML属性は属性ノードです
注アノテーションノードです
HTML DOMは、HTMLドキュメントをツリー構造と見なしています。この構造はノードツリーと呼ばれます。
HTML DOMツリーインスタンス
http://www.w3school.com.cn/i/ct_htmltree.gif
HTML DOMを介して、ツリー内のすべてのノードにJavaScriptを介してアクセスできます。すべてのHTML要素(ノード)は、変更または作成または削除されたノードを変更または削除できます。
すべてのHTML要素はオブジェクトとして定義され、プログラミングインターフェイスはオブジェクトメソッドとオブジェクト属性です。
1つ:要素ノードメソッドの取得:
1.Var node = document.getElementById( "nodeid");
2.Var nodeList = document.getElementsByClassName( "nodeclassname");
3.Var nodeList = document.getElementsByTagname( "nodetagname");
2:要素ノードを取得した後、私たちは彼の操作を行うことができます:1。自分のための操作。 2。サブノードの操作。 3。ブラザーノードの操作。 4。親ノードの操作
2.1削除:node.parentnode.removechild(node);
2.2サブノードがあるかどうかを判断します:var boolean.haschildnodes();
子ノードのリスト:var Childlist = node.childnodes;
ノード要素タイプを取得:var nodeType = node.nodeType;
子ノードを削除します。 node.RemoveChild(ChildNode);
子ノードのテールにサブノードを挿入します:node.appendChild(ChildNode);
sub -node:node.insertbeface(ChildNode)にサブノードを挿入しないでください。
ノードを使用してbノードを置き換えます:node.replacechild(a、b);
2.3.Node.NextSibling
node.previousiving隣接する兄弟ノードを取得します
2.4 ParentNode.ParentNodeを取得します