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.

const element = document.getElementById('my-element');

2. getElementsByClassName()

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

const elements = document.getElementsByClassName('my-class');

3. getElementsByTagName()

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

const elements = document.getElementsByTagName('p');

4. querySelector()

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

const element = document.querySelector('p#my-paragraph');

5. querySelectorAll()

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

const elements = document.querySelectorAll('.my-class');

Exemple

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

const paragraph = document.getElementById('my-paragraph'); paragraph.innerHTML = 'Hello, JavaScript!';

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!