JavaScriptとdomの関係は何ですか

DOM (Document Object Model) は JavaScript のコンポーネントです。Web ページのコンテンツを処理するためのメソッドとインターフェイスを JavaScript に提供します。Web ページ上で JavaScript によって実行されるすべての操作は DOM を通じて実行されます。

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

完全な JavaScript は、次の 3 つの部分で構成されます:

• コア (ECMAScript): 言語の構文と基本オブジェクトを提供します。

• ドキュメント オブジェクト モデル (DOM): Web コンテンツを処理するためのメソッドとインターフェイスを提供します。

• ブラウザ オブジェクト モデル (BOM): ブラウザと対話するためのメソッドとインターフェイスを提供します。

ドキュメント オブジェクト モデル (DOM):

DOM (ドキュメント オブジェクト モデル) は、HTML および XML のアプリケーション プログラミング インターフェイス (API) です。 DOM は、ページ全体をノード階層で構成されるドキュメントに計画します。 HTML または XML ページの各部分はノードの派生です。

DOM はツリーを作成することでドキュメントを表現し、開発者がドキュメントのコンテンツと構造を前例のない制御できるようにします。ノードは、DOM API (getElementById、childNodes、appendChild、innerHTML) を使用して簡単に削除、追加、置換できます。

DOM と JavaScript の関係

JavaScript がプログラミング言語であり、.js ファイルは JavaScript で記述されたコードであることは誰もが知っています。では、DOM はどのような役割を果たしますかどのような役割ですか?

DOM はプログラミング言語ではありませんが、DOM がなければ、JavaScript 言語は Web ページの操作を行うことができません。 JavaScript を使用して Web ページ上で実行されるすべての操作は、DOM を通じて実行されます。

次は、JavaScript と DOM の違いをより直感的に表示するためのコードです。コード内の赤でマークされた部分は DOM です:

var Tags = document.getElementsByTagName( "a");
for(var i = 0; i Tags.length; i )
alter("この a 要素の Href は: "
Tags[i].href "\n"); }

このように、どれがコア JavaScript でどれが DOM で、どのような役割があるのか​​がわかります。遊んでいるのかが一目で分かります。 (コードについてはここでは説明しません)。

したがって、次のような近似式があります:

Web または XML ページ = DOM JS (スクリプト言語)

[推奨学習 :

JavaScript 上級チュートリアル]

以上がJavaScriptとdomの関係は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。