Comment obtenir un objet dom en javascript

Comment récupérer l'objet DOM ? En JavaScript, vous pouvez obtenir un objet DOM en utilisant les méthodes suivantes : getElementById() : obtient un élément DOM en fonction de son attribut ID. getElementsByClassName() : obtient une collection d'éléments DOM basée sur l'attribut de classe. getElementsByTagName() : obtient une collection d'éléments DOM basée sur les noms de balises. querySelector() : obtient un seul élément DOM basé sur un sélecteur CSS. querySelectorAll() : obtient une collection d'éléments DOM basée sur des sélecteurs CSS.

Comment obtenir un objet DOM en JavaScript

En JavaScript, il existe plusieurs façons d'obtenir un objet DOM (Document Object Model) :

1.getElementById()

Cette méthode est. utilisé pour obtenir l'élément DOM en fonction de son attribut ID.

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

2. getElementsByClassName()

Cette méthode est utilisée pour obtenir un ensemble d'éléments DOM en fonction de leur attribut de classe.

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

3. getElementsByTagName()

Cette méthode est utilisée pour obtenir un ensemble d'éléments DOM en fonction de leurs noms de balises.

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

4. querySelector()

Cette méthode est utilisée pour obtenir un seul élément DOM basé sur un sélecteur CSS.

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

5. querySelectorAll()

Cette méthode est utilisée pour obtenir un ensemble d'éléments DOM basés sur des sélecteurs CSS.

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

Exemple

L'exemple suivant utilise la méthode getElementById() pour obtenir un élément de paragraphe avec l'ID "my-paragraph" :

<code class="javascript">const paragraph = document.getElementById('my-paragraph');
paragraph.innerHTML = 'Hello, JavaScript!';</code>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!