[Webプレゼンテーションコンセプト-1]DOMコンセプト

3924 ワード

ドメインオブジェクトモデル(DOM)Webドキュメントをオブジェクトに変換する概念
ドキュメントオブジェクトはwindowオブジェクトのサブアイテムにあります.

オブジェクトモデルは必要ですか?


スクリプトを使用してドキュメントを操作するには、Webドキュメントをスクリプトオブジェクトとして表示する必要があります.
このDOMインタフェースで記述されたHTML要素がオブジェクトとしてJavaScriptにリンクされているためである.
やなどのhtmlドキュメントのタグをJavaScriptで使用可能なオブジェクト(object)として作成する場合は、ドキュメントオブジェクトと呼ばれます.
✔jsだけでなくpythonや他のスクリプト言語でも操作できます.

DOM Tree


コンピュータが文書をうまく処理できるように,文書を構造的に約定したツリー形式で表す.
(ツリー構造はHTMLドキュメントの取得と制御に最適なリソース構造です)
<!DOCTYPE html>
<html lang="ko">
<head>
    <title>DOM 알아보기</title>
    <meta charset="UTF-8">
</head>
<body>
    <h1>DOM이란?</h1>
    <p><strong>Document Object Model</strong>의 줄임말입니다.</p>
</body>
</html>

特長


ㅇ単に資料を羅列しない関連関係を表す
-ノード間の親子関係
・ノード間の関係には、ツリーやファミリースペクトルなどの階層的相関がある
・木は祖先と子孫の関係などを効果的に表現できる
ツリーはグラフィックです
-ツリーは、頂点(ノード)とセグメント(ブランチ)からなるグラフィックの特殊なケースです.
・互いに独立したノードが線分で接続された階層データ構造
...ループを含まない接続グラフィック.
ㅇ単純ループ(Loop)はなく、接続された無方向図構造である
-すべてのノードペアの間に一意の単純パスのみが存在します.
つまり,任意のノード間の接続は1つのパスしかない.
ㅇ図形とツリー構造は非線形資料構造に属する
-ノードのプロパティが線形データ構造で表示されない場合に使用します.