HTML DOM Documentオブジェクト

Documentオブジェクト

HTMLドキュメントがWebブラウザに読み込まれたとき、それはドキュメントオブジェクト。

ドキュメントオブジェクトHTMLドキュメントのルートノードです。

ドキュメントオブジェクトはウィンドウオブジェクトの属性。

以下の方法でアクセスできますドキュメントオブジェクト：

window.document または document

例

let url = window.document.URL;

実際に試してみてください

let url = document.URL;

実際に試してみてください

ドキュメントオブジェクトの属性とメソッド

以下の属性とメソッドがHTMLドキュメントで使用できます：

属性 / メソッド 説明
all[] ドキュメント内のすべてのHTML要素への参照を返します。
activeElement ドキュメント内で現在焦点を持つ要素を返します。
addEventListener() イベントハンドラをドキュメントに追加します。
adoptNode() 別のドキュメントからのノードを取り入れます。
anchors 廃止されています。
applets 廃止されています。
baseURI ドキュメントの絶対ベース URI を返します。
body ドキュメントの本文（<body> 要素）を設定または返します。
charset 廃止されています。
characterSet ドキュメントの文字エンコーディングを返します。
close() document.open() で開いた出力ストリームを閉じます。
cookie ドキュメント内のすべてのクッキーの名前/値ペアを返します。
createAttribute() 属性ノードを作成します。
createComment() 指定されたテキストを持つ Comment ノードを作成します。
createDocumentFragment() 空の DocumentFragment ノードを作成します。
createElement() 要素ノードを作成します。
createEvent() 新しいイベントを作成します。
createTextNode() テキストノードを作成します。
defaultView ドキュメントに関連付けられたウィンドウオブジェクトを返します。利用できない場合は null を返します。
designMode ドキュメント全体が編集可能にすべきかどうかを制御します。
doctype ドキュメントに関連付けられたドキュメントタイプ宣言を返します。
documentElement ドキュメントの Document 要素（<html> 要素）を返します。
documentMode 廃止されています。
documentURI ドキュメントの場所を設定または返します。
domain ドキュメントをロードしたサーバーのドメイン名を返します。
domConfig 廃止されています。
embeds ドキュメント内のすべての <embed> 要素の集合を返します。
execCommand() 廃止されています。
forms ドキュメント内のすべての <form> 要素の集合を返します。
getElementById() 指定された値を持つ ID 属性の要素を返します。
getElementsByClassName() 指定されたクラス名を持つすべての要素を含む HTMLCollection。
getElementsByName() 指定された名前を持つすべての要素のアクティブな NodeList。
getElementsByTagName() 指定されたタグ名を持つすべての要素を含む HTMLCollection。
hasFocus() ドキュメントがフォーカスを持っているかどうかを示す布尔値を返します。
head ドキュメントの <head> 要素を返します。
images ドキュメント内のすべての <img> 要素の集合を返します。
implementation このドキュメントを処理する DOMImplementation オブジェクトを返します。
importNode() 別のドキュメントからノードをインポートします。
inputEncoding 廃止されています。
lastModified ドキュメントの最後の変更日時を返します。
links ドキュメント内に href 属性を持つすべての <a> と <area> 要素の集合を返します。
normalize() 空のテキストノードを削除し、隣接するノードを結合します。
normalizeDocument() 廃止されています。
open() document.write()からの出力を収集するための HTML 出力ストリームを開きます。
querySelector() ドキュメント内で指定された CSS セレクタに一致する最初の要素を返します。
querySelectorAll() ドキュメント内で指定された CSS セレクタに一致するすべての要素を含む静的 NodeList を返します。
readyState ドキュメントの（読み込み）状態を返します。
referrer 現在のドキュメントをロードしたドキュメントの URL を返します。
removeEventListener() ドキュメントからイベントハンドラを削除します（既に使用済み）。 addEventListener() メソッド 追加の）
renameNode() 廃止されています。
scripts ドキュメント内の <script> 要素の集合を返します。
strictErrorChecking 廃止されています。
title ドキュメントのタイトルを設定または返します。
URL HTML ドキュメントの完全な URL を返します。
write() HTML 表現や JavaScript コードをドキュメントに書き込みます。
writeln() write() と同様ですが、各ステートメントの後ろに改行符が追加されます。

Document オブジェクトの説明

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

多くの属性やメソッドは HTMLCollection オブジェクト（実際には配列や名前インデックスを持つ読み取り専用の配列）であり、アンカー、フォーム、リンク、その他のスクリプト可能な要素への参照を保存しています。

これらの集合属性はすべて 0 番目の DOM から派生しており、すでに Document.getElementsByTagName() 取って代われましたが、便利であるため、まだよく使用されています。

write() メソッドドキュメントの読み込みと解析の際に、スクリプトがドキュメントに動的に生成された内容を挿入することが許可されています。

注意、1 番目の DOM では、HTMLDocument は「}}」という名前のものを定義しています。 getElementById() 非常に役立つメソッド。2 番目の DOM では、このメソッドは Document インターフェースに移行されました。現在は、HTMLDocument がこれを定義するのではなく、継承しています。