ホームページ > ウェブフロントエンド > フロントエンドQ&A > DOM の組み込みオブジェクトとは何ですか?

DOM の組み込みオブジェクトとは何ですか?

百草
リリース: 2023-12-19 15:45:04
オリジナル
729 人が閲覧しました

Dom 組み込みオブジェクトには、1. ドキュメント、2. ウィンドウ、3. ナビゲーター、4. 場所、5. 履歴、6. 画面、7. document.documentElement、8. document.body、9 が含まれます。 . document .head; 10. document.title; 11. document.cookie。

DOM の組み込みオブジェクトとは何ですか?

このチュートリアルのオペレーティング システム: Windows 10 システム、DELL G3 コンピューター。

DOM (Document Object Model) は、HTML または XML ドキュメントの構造を表現し、対話するためのインターフェイスであり、一連の組み込みオブジェクトとメソッドを提供します。以下に、DOM 組み込みオブジェクトの一部を示します:

1. document: は、HTML または XML ドキュメント全体を表し、DOM ツリーのルート ノードです。ドキュメントへの包括的なアクセスと操作を提供します。

var doc = document; // ドキュメント オブジェクト全体を取得します

2. ウィンドウ: はブラウザ ウィンドウまたはフレームを表し、グローバル オブジェクトです。ウィンドウ、ドキュメント、スクリプトへのアクセスを提供します。

var win = window; // ウィンドウ オブジェクトを取得します

3. ナビゲーター: は、ブラウザ名、バージョン、オペレーティング システムなどを含むブラウザ情報を表します。

var nav = navigator; // ブラウザ情報オブジェクトを取得します

4. 場所: は、プロトコル、ホスト、ポート、パスなど、現在のドキュメントの URL 情報を表します、クエリ文字列など。

var loc = location; // URL 情報オブジェクトを取得します

5. 履歴: はブラウザの履歴を表し、前方、後方、およびジャンプ操作に使用できます。 。

var hist =history; // ブラウザ履歴オブジェクトを取得します

6.screen: は、画面サイズ、解像度などを含むクライアント画面情報を表します。

var scr = screen; // 画面情報オブジェクトを取得します

7. document.documentElement: は、HTML ドキュメント全体のルート要素、つまり 要素。

var root = document.documentElement; // ルート要素オブジェクトを取得します

8, document.body: HTML ドキュメントの 要素を表します。使用できる

要素の内容を取得および設定します。

var body = document.body; //

要素オブジェクトを取得します

9, document.head:

要素の 要素を表しますHTML ドキュメント。 要素のコンテンツを取得および設定するために使用できます。

var head = document.head; // 要素オブジェクトを取得します

10. document.title: は HTML ドキュメントのタイトルを表します。それを通じて取得し、ドキュメントのタイトルを設定できます。

var title = document.title; // ドキュメントのタイトル オブジェクトを取得します

document.title = "新しいタイトル"; // ドキュメントのタイトルを「新しいタイトル」に設定します

11. document.cookie: はブラウザーによって保存された Cookie 情報を表し、これを通じて Cookie 値を読み取り、設定できます。

var cookie = document.cookie; // Cookie 情報オブジェクトを取得します

document.cookie = "name=value"; // Cookie の値を "name=value" に設定します

これらは、HTML または XML ドキュメント構造へのアクセスとその操作を提供する、DOM 内の一般的な組み込みオブジェクトです。これらのオブジェクトとメソッドを使用することにより、開発者はページのコンテンツとスタイルを動的に変更し、ユーザーと対話し、ブラウザー関連の情報を処理できます。

以上がDOM の組み込みオブジェクトとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート