[Javascript]ドキュメントオブジェクトモデルDOM

2957 ワード
ドキュメントオブジェクトモデル JavaScript DOM JavaScript テキストリンク
ドキュメントオブジェクトモデル문서 객체 모델、別名DOM(Document Object Model)は、JavaScriptでhtmlドキュメントを操作するために作成されたインタフェースです.このインタフェースでは、Webページのすべての要素を階層的に表示し、JavaScriptで各要素を操作できます.
前の記事がJavaScript構文についてだったとしたら、今から学ぶDOMからの内容は、WebページでJavaScriptの概念を使うためです.
ドキュメントツリー문서 트리は、文書をツリー構造として解釈することを示す.트리とは、頂部から下に向かって複数の分岐まで徐々に延びる資料構造を指す.ハードディスク(HDD)がメインC:/から最後までフォルダが増えていることを連想すると、ツリー構造がより理解しやすくなります.

ドキュメントツリーの解釈は、DOMがドキュメントをドキュメントツリー構造に解析することである.ツリー構造を使用してhtmlドキュメントを表示することは何を意味しますか?
以下は簡単なhtmlドキュメントです.
<html>
  <head>
  </head>
        
  <body>
    <p id="text1">문서 <em>트리</em> 구조</p>
  </body>
</html>
ツリー構造を使用してhtmlドキュメントを描画するには、次の手順に従います.

ドキュメントをツリー構造に解析する過程でhtmlタグ、属性、テキストはそれぞれ個別のオブジェクトとして使用されます.次に、これらの個別のオブジェクトを노드と呼ぶ.したがって、タグは要素ノード、属性ノード、テキストノードで区切られます.
ノード노드とは、ドキュメント内の各要素、属性、およびテキストオブジェクトを指し、これらのオブジェクトは、ドキュメントをツリー構造に解析したときに生成されます.ノードを区別する場合は、要素ノードと属性ノードのほかに、ツリー構造内のノードの位置に基づいて名前を付けることもできます.
JavaScript DOMは、これらのノードを操作できる機能を提供します.次の記事で詳しく説明します.
iperf---ネットワークポート/wifiスループットテスト
Androidロック後のサービス(9.0対応)