HTML DOM オブジェクト


HTML DOM ノード

HTML DOM (Document Object Model) では、各要素は Node:

  • ドキュメントです。

  • すべての HTML 要素は要素ノードです。

  • すべての HTML 属性は属性ノードです。

  • HTML要素に挿入されるテキストはテキストノードです。テキストノードです。

  • アノテーションはアノテーションノードです。

Document オブジェクト

ブラウザが HTML ドキュメントを読み込むと、それは document オブジェクト になります。

ドキュメント オブジェクトは、HTML ドキュメントと他のすべてのノード (要素ノード、テキスト ノード、属性ノード、コメント ノード) のルート ノードです。

Document オブジェクトを使用すると、スクリプトから HTML ページ内のすべての要素にアクセスできます。

ヒント: Document オブジェクトは Window オブジェクトの一部であり、window.document プロパティを通じてアクセスできます。

ブラウザのサポート

6.png

すべての主要なブラウザは Document オブジェクトをサポートしています。

ドキュメントオブジェクトのプロパティとメソッド

上記のプロパティとメソッドは HTML ドキュメントで使用できます:

browserを介してドキュメントをレンダリングするために使用されるモードを再実行します。ドキュメントの場所 現在のドキュメントのドメイン名を返します。 remormizedocument（）が呼ばれるときに使用される構成を再実行するdocumentcument.formsdocument.getElementsByClassName()document.getElementById()document.getElementsByName()document.getElementsByTagName()document.imagesdocument.implementationdocument.importNode()document.inputEncoding
プロパティ/メソッド説明
document.activeElement現在フォーカスされている要素を返します
document.addEventListener()ドキュメントにハンドルを追加します
do cument.adoptNode( node) 別のドキュメントから現在のドキュメントに適応されたノードを返します。
document.anchorsドキュメント内のすべての Anchor オブジェクトへの参照を返します。
document.appletsドキュメント内のすべての Applet オブジェクトへの参照を返します。
document.baseURIドキュメントの絶対ベースURIを返します
document.bodyドキュメントのbody要素を返します
document.close() documentを閉じる.open( ) メソッド ストリームを出力し、選択したデータを表示します。
document.cookie 現在のドキュメントに関連するすべての Cookie を設定または返します。
document.createAttribute()属性ノードの作成
document.createComment()createComment()メソッドでコメントノードを作成できます。
document.createDocumentFragment() 空の DocumentFragment オブジェクトを作成し、このオブジェクトを返します。
document.createElement()要素ノードを作成します。
document.createTextNode()テキストノードを作成します。
document.doctype ドキュメントに関連付けられたドキュメントタイプ宣言 (DTD) を返します。 document.documentelements documents document.documentモードのルートノードを返す
document.domain
document.domconfig
document.embeds
のすべての埋め込みコンテンツ（埋め込み）のコレクションドキュメント内のすべての Form オブジェクトへの参照を返します。
ドキュメント内の指定されたクラス名を持つすべての要素のコレクションを NodeList オブジェクトとして返します。
指定された ID を持つ最初のオブジェクトへの参照を返します。
指定された名前を持つオブジェクトのコレクションを返します。
指定されたタグ名を持つオブジェクトのコレクションを返します。
ドキュメント内のすべての Image オブジェクトへの参照を返します。
このドキュメントを処理する DOMImplementation オブジェクトを返します。
別のドキュメントからこのドキュメントにノードをコピーして適用します。
(解析時に) ドキュメントに使用されるエンコーディングを返します。
document.lastModifiedドキュメントが最後に変更された日時を返します。
document.linksドキュメント内のすべての Area オブジェクトと Link オブジェクトへの参照を返します。
document.normalize()空のテキストノードを削除し、隣接するノードを接続します
document.normalizeDocument()空のテキストノードを削除し、隣接するノードを接続します
document.open ()Open document.write() または document.writeln() メソッドからの出力を収集するストリーム。
document.querySelector()指定されたCSSセレクターに一致するドキュメント内の最初の要素を返します
document.querySelectorAll()document.querySelectorAll()はHTML5で導入された新しいメソッドであり、 document
document.readyState の CSS セレクターに一致するすべての要素ノードのリスト ドキュメントのステータス (読み込み中...) を返します
document.referrer 現在のドキュメントをロードしているドキュメントの URL を返します。
document.removeEventListener()ドキュメント内のイベントハンドラーを削除します(addEventListener()メソッドによって追加されました)
document.renameNode()要素または属性ノードの名前を変更します。
document.scripts ページ内のすべてのスクリプトのコレクションを返します。
document.strictErrorCheckingエラーチェックを強制するかどうかを設定または返します。
document.title 現在のドキュメントのタイトルを返します。
document.URLドキュメントの完全なURLを返します
document.write()HTML式またはJavaScriptコードをドキュメントに書き込みます。
document.writeln() は、各式の後に改行文字が書き込まれる点を除いて、write() メソッドと同等です。

警告!!!

W3C DOMコアでは、ドキュメントオブジェクト ノード オブジェクトのすべてのプロパティとメソッドを継承します。

ドキュメントでは意味をなさないプロパティやメソッドが多数あります。

HTML ドキュメント オブジェクトは、次のノード オブジェクトと属性の使用を回避できます:

←

PHP中国語ウェブサイト

ホームページホームページコースコース記事記事に質問に質問辞書辞書マニュアルマニュアルダウンロードダウンロード検索検索APPダウンロード APPダウンロード
属性/メソッド 回避の理由
document.attributesドキュメントにはこの属性がありません
文書。 Attributes( ) がありますドキュメントには次のノード 9(DOCUMENT_NODE ) がありません
document.nodeValueドキュメントにはノード値がありません
document.ownerDocumentドキュメントにはメインドキュメントがありません
キュメント.ownerElementドキュメントには独自のノードがありません
document.parentNode ドキュメントには親ノードがありません
document.previousSiblingドキュメントには兄弟ノードがありません
document.textContent ドキュメントにはテキストノードはありません