HTMLのドキュメントオブジェクトとは何ですか?ドキュメントオブジェクトを理解するための記事-htmlチュートリアル-php.cn

HTMLのドキュメントオブジェクトとは何ですか?ドキュメントオブジェクトを理解するための記事

寻∝梦

リリース： 2018-09-01 13:59:33

オリジナル

9022 人が閲覧しました

この記事では、HTMLドキュメントオブジェクトの説明と、HTMLドキュメントオブジェクトの使用例の分析を中心に紹介します

まずは、HTMLにおけるドキュメントオブジェクトについて紹介していきます。 :

ドキュメントオブジェクト (ドキュメント) は、ブラウザウィンドウ内のドキュメントを表します。このオブジェクトは、DOM オブジェクトモデルのデフォルトオブジェクトであるため、メソッドとサブオブジェクトです。 window オブジェクトでは、引用符を付けるために window を使用する必要はありません。

ドキュメントオブジェクトを通じて HTML ドキュメントに含まれる HTML タグにアクセスし、HTML タグ内のコンテンツを動的に変更できます。

たとえば、フォーム、画像、表、ハイパーリンクなどです。

HTML の Document オブジェクトのコレクションを見てみましょう:

HTMLのドキュメントオブジェクトとは何ですか?ドキュメントオブジェクトを理解するための記事 HTML の document オブジェクトのオンライン記述を見てみましょう:

HTMLDocument インターフェイスは DOM Document インターフェイスを拡張し、HTML を定義します。特定の属性とメソッド。

多くのプロパティとメソッドは HTMLCollection オブジェクト (実際には配列または名前でインデックス付けできる読み取り専用の配列) であり、アンカー、フォーム、リンク、その他のスクリプト可能な要素への参照を保持します。

これらのコレクション属性はレベル 0 DOM から派生します。これらは Document.getElementsByTagName() に置き換えられましたが、便利なため今でもよく使用されています。

write() メソッドは注目に値します。このメソッドを使用すると、ドキュメントの読み込みと解析中に、スクリプトで動的に生成されたコンテンツをドキュメントに挿入できます。

レベル 1 DOM では、HTMLDocument が getElementById() という非常に便利なメソッドを定義していることに注意してください。レベル 2 DOM では、このメソッドは Document インターフェイスに移動され、HTMLDocument によって定義されるのではなく、HTMLDocument によって継承されるようになりました。

次に、HTML ドキュメントオブジェクトの使用例を示します。

<HTML>
<HEAD>
<TITLE>PHP中文网</TITLE>
<SCRIPT LANGUAGE="JScript">function reportMove()
{ window.status = "X=" + window.event.x + " Y=" + window.event.y;
}
</SCRIPT>
</head>
<BODY onmousemove="reportMove()">
<H1>欢迎!</H1>
</BODY>
</HTML>
上面的例子使

ログイン後にコピー

ドキュメントオブジェクトを使用してドキュメントのタイトルを確認し、メッセージボックスにタイトルを表示します (空でない場合)。 if(document.title!="")alert("title is "+document.title) 次の例は、ブラウザのステータスバー上のマウスの現在位置を表示するイベントハンドラー関数を示しています。結果の位置は、ドキュメントの左上隅。

上記は、HTML ドキュメントオブジェクトをより明確に理解できるように、この記事での HTML ドキュメントオブジェクトの紹介と使用例です。ご質問がある場合は、以下で質問してください。

HTMLに画像を追加するコードとは？ HTMLに画像パスを正しく追加するにはどうすればよいですか?

以上がHTMLのドキュメントオブジェクトとは何ですか?ドキュメントオブジェクトを理解するための記事の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。