Méthodes des objets document en javascript

L'objet document fournit diverses méthodes pour accéder et modifier des documents HTML, notamment : Récupérer l'élément avec l'ID spécifié (via getElementById) Récupérer la collection d'éléments basée sur le nom de la balise (via getElementsByTagName) Récupérer la collection d'éléments basée sur le nom de classe (via getElementsByClassName) Utiliser la sélection CSS Rechercher des éléments (via querySelector et querySelectorAll) Créer de nouveaux éléments (via createElement) Supprimer des éléments du document (via RemoveChild) Ajouter des éléments au document (via

Méthodes du objet document en JavaScript

L'objet document joue un rôle essentiel en JavaScript, fournissant un large éventail de méthodes pour accéder et modifier des documents HTML. Voici quelques méthodes courantes de l'objet document :

1.

Obtenez l'élément HTML spécifié avec l'ID

Exemple :

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

2. getElementsByTagName(name)

Obtenez une collection d'éléments HTML avec le nom de balise spécifié

Exemple :

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

3. getElementsByClassName (name)

Obtenez une collection d'éléments HTML avec le nom de classe spécifié

Exemple :

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

4. élément HTML correspondant.

Exemple :

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

5. querySelectorAll(selector)

Trouvez tous les éléments HTML correspondants à l'aide des sélecteurs CSS

Exemple :

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

6. nom)

Créez un nouvel élément HTML

Exemple :

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

7. RemoveChild(element)

Supprimez un élément HTML du document. . appendChild (élément)

Ajoutez un élément HTML au document

Exemple :

<code class="javascript">document.body.removeChild(element);</code>

9. write(text)

Écrivez du texte dans le document.

10. écrire( texte) )

Écrivez du texte dans le document et enveloppez-le

Exemple :

<code class="javascript">document.body.appendChild(element);</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!