ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScriptドキュメントオブジェクトのメソッドとは何ですか

JavaScriptドキュメントオブジェクトのメソッドとは何ですか

青灯夜游
青灯夜游オリジナル
2021-06-18 16:08:199678ブラウズ

JS ドキュメント オブジェクトのメソッド: addEventListener()、adoptNode(node)、close()、createAttribute()、open()、write()、writeln()、renameNode() など。

JavaScriptドキュメントオブジェクトのメソッドとは何ですか

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

Document オブジェクト

ブラウザにロードされたすべての HTML ドキュメントは Document オブジェクトになります。

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

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

#Document オブジェクトのメソッド

#normalize()空のテキスト ノードを削除し、隣接するノードを接続しますnormalizeDocument()空のテキスト ノードを削除し、隣接するノードの open()ストリームを開いて、任意の document.write() またはドキュメントからデータを収集します。 writeln() メソッド。 querySelector()指定された CSS セレクターに一致するドキュメント内の最初の要素を返しますquerySelectorAll()document.querySelectorAll() は HTML5 で導入された新しいメソッドで、ドキュメント内の CSS セレクターに一致するすべての要素ノードのリストを返しますremoveEventListener()ドキュメント内のイベント ハンドラーを削除します (addEventListener() メソッドによって追加されました)renameNode()要素または属性ノードの名前を変更します。 write()HTML 式または JavaScript コードをドキュメントに書き込みます。 writeln()write() メソッドと同じですが、各式の後に改行文字が書き込まれる点が異なります。
メソッド 説明
addEventListener() ドキュメントにハンドルを追加します
adoptNode(node) 適応されたノードを別のドキュメントから現在のドキュメントに返します。
close() document.open() メソッドで開かれた出力ストリームを閉じ、選択したデータを表示します。
createAttribute() 属性ノードの作成
createDocumentFragment() 空の DocumentFragment の作成オブジェクトを返し、このオブジェクトを返します。
createElement() 要素ノードを作成します。
createTextNode() テキスト ノードを作成します。
getElementsByClassName() ドキュメント内の指定されたクラス名を持つすべての要素のコレクションを NodeList オブジェクトとして返します。
getElementById() 指定された ID を持つ最初のオブジェクトへの参照を返します。
getElementsByName() 指定された名前を持つオブジェクトのコレクションを返します。
getElementsByTagName() 指定されたタグ名を持つオブジェクトのコレクションを返します。
importNode() アプリケーションのために別のドキュメントからこのドキュメントにノードをコピーします。
[関連する推奨事項:

JavaScript 学習チュートリアル]

以上がJavaScriptドキュメントオブジェクトのメソッドとは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。