JavaScript オブジェクト

JavaScript リファレンスマニュアル

JS DOMリファレンスマニュアル

HTML DOM Element オブジェクト JavaScript Console オブジェクト

HTML DOM Document オブジェクト

Document オブジェクト

Document オブジェクトはあなたのウェブページ内のすべての他のオブジェクトの所有者です

Document オブジェクトはHTMLドキュメントのルートノードであり、あなたのウェブページを表します

HTMLページ内の任何の要素にアクセスするには、常にDocument オブジェクトからアクセスを開始します

ドキュメント内に新しい要素を作成する方法や、ページのURLを取得するなどの全体的な機能を提供します

この例ではgetElementById()メソッドを使用してHTML要素（id="para"を持つ）を検索します：

例

document.getElementById("para");

テストを見てみましょう‹/›

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

Document オブジェクト属性

以下の表はDocumentオブジェクトの属性を示しています：

属性	説明
activeElement	ドキュメント内で現在焦点を持っている要素を返します
baseURI	ドキュメントの絶対的な基本URIを返します
body	ドキュメントの本文（要素）
cookie	ドキュメントのcookiesのセミコロン区切りのリストを返します
characterSet	ドキュメントが使用している文字セットを返します
defaultView	ドキュメントに関連付けられているウィンドウオブジェクトを返します；利用可能なウィンドウオブジェクトがない場合、nullを返します
designMode	ドキュメント全体の編集能力を取得または設定します
doctype	現在のドキュメントのドキュメントタイプ宣言を返します
documentElement	ドキュメントの直接子要素としてのDocument要素を返します（<html>要素）
documentURI	ドキュメントの位置を文字列形式で設定または返します
domain	ドキュメントをロードしたサーバーのドメイン名を返します
embeds	ドキュメント中のすべての<embed>要素のリスト
forms	ドキュメント中のすべての<form>要素のリスト
fullscreenElement	全画面モードで表示されている現在の要素を返します
fullscreenEnabled	ドキュメントを全画面モードで表示できるかどうかを示す布尔値を返します
head	ドキュメントの<head>要素
images	ドキュメント中のすべての<img>要素のリスト
implementation	現在のドキュメントに関連付けられているDOM実装を返します
lastModified	ドキュメントが最後に変更された日付と時間を返します
links	ドキュメント中のhref属性を持つすべての<a>および<area>要素の集合
readyState	ドキュメントのロード状態を返します
referrer	現在のドキュメントをロードしたドキュメントのURLを返します
scripts	ドキュメント中の<script>要素のリスト
title	ドキュメントのタイトルを設定または返します
URL	HTMLドキュメントの完全なURLを文字列形式で返します

Documentオブジェクトメソッド

以下の表にDocumentオブジェクトのメソッドを示します：

メソッド	説明
addEventListener()	ドキュメントにイベントリスナーを追加します
adoptNode()	外部ドキュメントからノードを取り込みます
close()	document.open()で開いた前のドキュメントストリームを閉じます
createAttribute()	属性ノードを作成します
createComment()	指定されたテキストで新しいCommentノードを作成します
createDocumentFragment()	新しいドキュメントフラグメントノードを作成します
createElement()	指定されたタグ名で新しい要素ノードを作成します
createTextNode()	テキストノードを作成します
execCommand()	現在焦点を持つ要素に指定されたクリップボード操作を呼び出します。
exitFullscreen()	全画面モードで要素を解除します
getElementById()	指定された値を持つID属性の要素を返します
getElementsByClassName()	指定されたクラス名を持つ要素リストを返します
getElementsByName()	指定名称の要素リストを返します
getElementsByTagName()	指定されたタグ名を持つ要素のリストを返します
hasFocus()	フォーカスが指定されたドキュメント内のどこかにある場合、trueを返します
importNode()	外部ドキュメントからノードのクローンを返します
normalize()	空のTextノードを削除し、隣接するノードを結合します
normalizeDocument()	空のTextノードを削除し、隣接するノードを結合します
open()	書き込みを行うためのドキュメントの流れを開きます
querySelector()	ドキュメント内で指定されたCSSセレクタに一致する最初の要素を返します
querySelectorAll()	ドキュメント内で指定されたCSSセレクタに一致するすべての要素のリストを返します
removeEventListener()	addEventListener()メソッドを追加したドキュメントからイベントハンドラを削除します
write()	HTML 表現やJavaScript コードをドキュメントに書き込みます
writeln()	write()と同じですが、各文の後ろに改行符を追加します

HTML DOM Element オブジェクト JavaScript Console オブジェクト