Window Document オブジェクト

Document オブジェクト

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

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

ドキュメントオブジェクトはウィンドウオブジェクトの属性にアクセスします。

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

window.document または単に document

例

let url = window.document.URL;

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

let url = document.URL;

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

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

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

属性 / メソッド 説明
activeElement ドキュメント内で現在焦点を持つ要素を返します。
addEventListener() イベントハンドラをドキュメントに追加します。
adoptNode() 別のドキュメントからのノードを利用します。
anchors 廃止されています。
applets 廃止されています。
baseURI ドキュメントの絶対的なベース URI を返します。
body ドキュメントの本文（<body> 要素）を設定または返します。
charset 廃止されています。
characterSet ドキュメントの文字エンコーディングを返します。
close() document.open() で開いた前にの output stream を閉じます。
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 がこれを継承していますが、定義していないです。