JavaScriptのドキュメントオブジェクトのメソッド

ドキュメント オブジェクトには、HTML ドキュメントにアクセスして変更するためのさまざまなメソッドが含まれます。 指定された ID を持つ要素を取得します (getElementById 経由)。 タグ名に基づいて要素のコレクションを取得します (getElementsByTagName 経由)。クラス名 (getElementsByClassName 経由) CSS 選択を使用する 要素を検索する (querySelector および querySelectorAll 経由) 新しい要素を作成する (createElement 経由) ドキュメントから要素を削除する (removeChild 経由) ドキュメントに要素を追加する (

メソッド経由) JavaScript の document オブジェクト

document オブジェクトは JavaScript で重要な役割を果たし、HTML ドキュメントにアクセスして変更するための幅広いメソッドを提供します。次に、document オブジェクトの一般的なメソッドをいくつか示します:

1. IDを使用して、指定されたHTML要素をgetelementsbytagname（name）

example：

rree 3. getElementsByClassName (name)

指定されたクラス名を持つ HTML 要素のコレクションを取得します

例:

<code class="javascript">const element = document.getElementById('my-element');</code>

4. CSS セレクターを使用して最初に一致するものを検索します。 HTML 要素:

<code class="javascript">const elements = document.getElementsByTagName('p');</code>

5. querySelectorAll(selector)

CSS セレクターを使用して、一致する HTML 要素をすべて検索します。

新しい HTML 要素を作成します

例:

<code class="javascript">const elements = document.getElementsByClassName('my-class');</code>

7. ドキュメントから HTML 要素を削除します

例:

<code class="javascript">const element = document.querySelector('div.my-div');</code>

8.

HTML 要素をドキュメントに追加します

例:

<code class="javascript">const elements = document.querySelectorAll('p.my-paragraph');</code>

9. write(text)

例:

rreee

10. n(テキスト) )

ドキュメントにテキストを書いて、それを囲みます

例:

<code class="javascript">const element = document.createElement('p');</code>

。

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