1. DOMを理解する
DOM:ドキュメントオブジェクトモデル
DOMは、HTMLにアクセスして操作するための標準です
コアDOM:構造化ドキュメントの標準モデルであるコアDOM
XML DOM:XML文書の標準モデル
HTML DOM:HTMLドキュメントの標準モデル
2. DOMノードの分類
1.ドキュメントノード
2.ラベル(要素)ノード
3.属性ノード
4.テキストノード
5.コメントノード
3. DOMノード階層(DOMツリー)
1.親ノード(親ノード):親ノードには任意の数の子ノードがあります
2.子ノード:子ノードは1つの親ノードのみを持つことができます
3.兄弟ノード(兄弟ノード):同じ親ノードを持つ兄弟ノード
4.ルートノード(ルートノード):HTMLドキュメントには通常、ルートノードが1つだけあり、ルートノードには親ノードがなく、最上位のノードです。
祖先ノード:子ノードを含むノードは、親ノードを含め、祖先ノードと呼ぶことができます
子孫ノード:ノードに含まれるすべてのノードは子ノードを含めて子孫ノードと呼ばれます
4. JSはページ上のこれらのタグと対話します
1.ラベル(要素)ノードを取得する
ラベルのCSSスタイルを変更する
ラベルのプロパティを変更する
2.ラベルを作成する
3.ラベルを削除します
4.ラベルをコピーする
5.ラベルを挿入します