HTML DOMノード
HTML DOMでは(Document Object Model) 、すべてがノードは次のとおりです。
- 文書自体は、文書ノードであります
- すべてのHTML要素は要素ノードです
- すべてのHTML属性は、属性ノードであります
- HTML要素内のテキストは、テキストノードであります
- コメントはコメントノードであります
ドキュメントオブジェクト
HTMLドキュメントをWebブラウザにロードされるとき、それはドキュメントオブジェクトになります。
ドキュメントオブジェクトは、HTMLドキュメントのルートノードとされ"owner"の他のすべてのノードの：
（要素ノード、テキストノード、属性ノード、およびコメントノード）。
ドキュメントオブジェクトには、JavaScriptの中から、すべてのノード・オブジェクトにアクセスするためのプロパティおよび方法を提供します。
Tip:文書がWindowオブジェクトの一部であり、window.documentとしてアクセスすることができます。
ブラウザのサポート
| オブジェクト | |||||
|---|---|---|---|---|---|
| Document | はい | はい | はい | はい | はい |
ドキュメントオブジェクトは、すべての主要なブラウザでサポートされています。
ドキュメントオブジェクトのプロパティとメソッド
次のプロパティとメソッドは、HTMLドキュメントで使用することができます。
| プロパティ/メソッド | 説明 |
|---|---|
| document.activeElement | 文書内で、現在フォーカスの要素を返します。 |
| 資料。 addEventListener() | 文書にイベントハンドラをアタッチ |
| 資料。 adoptNode() | 別のドキュメントからノードを採用しています |
| document.anchors | すべてのコレクションを返します<a> name属性を持つ文書内の要素を |
| document.applets | すべてのコレクションを返します<applet>ドキュメント内の要素を |
| document.baseURI | 文書の絶対ベースURIを返します。 |
| document.body | 設定またはドキュメントの体を返します(the <body> element) |
| 資料。 close() | 以前に文書で開かれた出力ストリームを閉じます。 open() |
| document.cookie | すべての名前/値のペアを返しますcookies文書に |
| 資料。 createAttribute() | 属性ノードを作成します。 |
| 資料。 createComment() | 指定されたテキストを持つCommentノードを作成します。 |
| 資料。 createDocumentFragment() | 空のDocumentFragmentノードを作成します。 |
| 資料。 createElement() | Elementノードを作成します。 |
| 資料。 createTextNode() | Textノードを作成します。 |
| document.doctype | ドキュメントに関連付けられた文書型宣言を返します。 |
| document.firstChild | ドキュメントのドキュメント要素を返します(the <html> element) |
| document.documentMode | 文書をレンダリングするためにブラウザが使用するモードを返します |
| document.documentURI | 設定またはドキュメントの場所を返します。 |
| document.domainを | 文書をロードし、サーバのドメイン名を返します。 |
| document.domConfig | 廃止されました。 ドキュメントのDOM構造を返します。 |
| document.embeds | すべてのコレクションを返します<embed>要素のドキュメントを |
| document.forms | すべてのコレクションを返します<form>文書内の要素を |
| 資料。 getElementById() | 持っている要素を返しID指定された値を持つ属性を |
| 資料。 getElementsByClassName() | 指定されたクラス名を持つすべての要素を含むのNodeListを返します。 |
| 資料。 getElementsByName() | 指定された名前を持つすべての要素を含むのNodeListを返します。 |
| 資料。 getElementsByTagName() | 指定されたタグ名を持つすべての要素を含むのNodeListを返します。 |
| 資料。 hasFocus() | ドキュメントにフォーカスがあるかどうかを示すブール値を返します。 |
| document.head | 戻り値<head>ドキュメントの要素を |
| document.images | すべてのコレクションを返します<img>ドキュメント内の要素を |
| document.implementation | この文書を処理するDOMImplementationオブジェクトを返します。 |
| 資料。 importNode() | 別のドキュメントからノードをインポートします |
| document.inputEncoding | 文書に使用する、エンコード、文字セットを返します。 |
| document.lastModified | ドキュメントが最後に変更された日付と時刻を返します。 |
| document.links | すべてのコレクションを返します<a>と<area> href属性を持っているドキュメント内の要素を |
| 資料。 normalize() | 空のテキストノードを削除し、隣接ノードに参加します |
| 資料。 normalizeDocument() | 空のテキストノードを削除し、隣接ノードに参加します |
| 資料。 open() | 文書からの出力を収集するために、HTML出力ストリームを開きます。 write() |
| 資料。 querySelector() | 指定されたCSS一致する最初の要素を返しselector(s)文書には |
| 資料。 querySelectorAll() | 指定されたCSSの一致するすべての要素を含む静的のNodeList返しselector(s)文書内に |
| document.readystateで | 返します(loading)文書のステータスを |
| document.referrer | 現在のドキュメントをロードしたドキュメントのURLを返します。 |
| 資料。 removeEventListener() | （が添付された文書からイベントハンドラを削除addEventListener()メソッド） |
| 資料。 renameNode() | 指定されたノードの名前を変更します |
| document.scripts | コレクションを返します<script>ドキュメント内の要素を |
| document.strictErrorChecking | 設定または返しますエラーチェックが強制されるかどうか |
| document.title | 設定またはドキュメントのタイトルを返します。 |
| document.URL | HTMLドキュメントの完全なURLを返します。 |
| 資料。 write() | 文書にHTML表現やJavaScriptコードを書き込みます。 |
| 資料。 writeln() | 同じwrite()が、それぞれの文の後に改行文字が追加されます |
警告！
W3C DOMコアにおいて、ドキュメントオブジェクトは、Nodeオブジェクトのすべてのプロパティとメソッドを継承します。
これらのプロパティとメソッドの多くは、文書で使用される意味をなさない。
HTMLドキュメントオブジェクト上でこれらのノードオブジェクトのプロパティとメソッドを使用しないでください。
| プロパティ/メソッド | 回避の理由 |
|---|---|
| document.attributes | ドキュメントは、属性を持っていません |
| 資料。 hasAttributes() | ドキュメントは、属性を持っていません |
| document.nextSibling | ドキュメントは兄弟を持っていません |
| document.nodeName | これは、常に#documentです |
| document.nodeType | これは常に9です(DOCUMENT_NODE) |
| document.nodeValue | ドキュメントは、ノード値を持っていません |
| document.ownerDocument | ドキュメントは、所有者の文書を持っていません |
| document.ownerElement | ドキュメントは、所有者要素を持っていません |
| document.parentNode | 文書は、親ノードを持っていません |
| document.previousSibling | ドキュメントは兄弟を持っていません |
| document.textContent | 文書は、テキストコンテンツを持っていません |