ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScriptでdomオブジェクトを取得する方法
JavaScriptでdomオブジェクトを取得する方法
- 下次还敢オリジナル
- 2024-05-08 22:33:20843ブラウズ
DOM オブジェクトを取得するには? JavaScript では、次のメソッドを使用して DOM オブジェクトを取得できます。 getElementById(): ID 属性に基づいて DOM 要素を取得します。 getElementsByClassName(): クラス属性に基づいて DOM 要素のコレクションを取得します。 getElementsByTagName(): タグ名に基づいて DOM 要素のコレクションを取得します。 querySelector(): CSS セレクターに基づいて単一の DOM 要素を取得します。 querySelectorAll(): CSS セレクターに基づいて DOM 要素のコレクションを取得します。
JavaScript で DOM オブジェクトを取得する方法
JavaScript では、ドキュメント オブジェクト モデル (DOM) オブジェクトを取得する方法がいくつかあります:
1. getElementById()
このメソッドは次のとおりです。 ID 属性に基づいて DOM 要素を取得するために使用されます。
<code class="javascript">const element = document.getElementById('my-element');</code>
2. getElementsByClassName()
このメソッドは、クラス属性に基づいて DOM 要素のセットを取得するために使用されます。
<code class="javascript">const elements = document.getElementsByClassName('my-class');</code>
3. getElementsByTagName()
このメソッドは、タグ名に基づいて DOM 要素のセットを取得するために使用されます。
<code class="javascript">const elements = document.getElementsByTagName('p');</code>
4. querySelector()
このメソッドは、CSS セレクターに基づいて単一の DOM 要素を取得するために使用されます。
<code class="javascript">const element = document.querySelector('p#my-paragraph');</code>
5. querySelectorAll()
このメソッドは、CSS セレクターに基づいて DOM 要素のセットを取得するために使用されます。
<code class="javascript">const elements = document.querySelectorAll('.my-class');</code>
Example
次の例では、getElementById() メソッドを使用して ID「my-paragraph」を持つ段落要素を取得します。
以上がJavaScriptでdomオブジェクトを取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。