ホームページ > 記事 > ウェブフロントエンド > HTMLのドキュメントオブジェクトとは何ですか?ドキュメントオブジェクトを理解するための記事
HTMLのドキュメントオブジェクトとは何ですか?ドキュメントオブジェクトを理解するための記事
- 寻∝梦オリジナル
- 2018-09-01 13:59:339087ブラウズ
この記事では、HTMLドキュメントオブジェクトの説明と、HTMLドキュメントオブジェクトの使用例の分析を中心に紹介します
まずは、HTMLにおけるドキュメントオブジェクトについて紹介していきます。 :
ドキュメント オブジェクト (ドキュメント) は、ブラウザ ウィンドウ内のドキュメントを表します。このオブジェクトは、DOM オブジェクト モデルのデフォルト オブジェクトであるため、メソッドとサブオブジェクトです。 window オブジェクトでは、引用符を付けるために window を使用する必要はありません。
ドキュメント オブジェクトを通じて HTML ドキュメントに含まれる HTML タグにアクセスし、HTML タグ内のコンテンツを動的に変更できます。
たとえば、フォーム、画像、表、ハイパーリンクなどです。
HTML の Document オブジェクトのコレクションを見てみましょう:
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に画像を追加するコードとは？ HTMLに画像パスを正しく追加するにはどうすればよいですか?
以上がHTMLのドキュメントオブジェクトとは何ですか?ドキュメントオブジェクトを理解するための記事の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。