Méthodes de document en javascript

L'objet document en JavaScript fournit des méthodes pour accéder et manipuler des documents HTML. Les méthodes courantes incluent : getElementById(id) : obtient un élément basé sur l'ID. getElementsByTagName(tag) : récupère la collection d'éléments en fonction du nom de la balise. getElementsByClassName(class) : récupère la collection d'éléments en fonction du nom de la classe. querySelector(selector) : obtenez le premier élément correspondant en fonction du sélecteur CSS. querySelectorAll(selector) : obtenez l'ensemble des éléments correspondants basés sur les sélecteurs CSS.

La méthode document en JavaScript

L'objet document en JavaScript représente le document HTML actuel. Il fournit une API riche pour accéder et manipuler les éléments et les structures du document.

Méthodes de document courantes

Voici les méthodes de document les plus couramment utilisées :

• getElementById(id): Obtenez une référence d'élément basée sur l'attribut id de l'élément.
• getElementsByTagName(tag): Obtenez la collection de tous les éléments correspondants en fonction du nom de la balise.
• getElementsByClassName(class): Obtenez la collection de tous les éléments correspondants en fonction du nom de la classe.
• querySelector(selector) : Obtenez le premier élément correspondant à l'aide d'un sélecteur CSS.
• querySelectorAll(selector) : Obtenez une collection de tous les éléments correspondants à l'aide d'un sélecteur CSS.
• createElement(element) : Créez un nouvel élément.
• appendChild(child): Ajoute un élément enfant à l'élément actuel.
• removeChild(child): Supprime les éléments enfants de l'élément actuel.
• createTextNode(text): Créez un nœud de texte.
• write(text): Écrivez du code HTML dans le flux de documents.

Utiliser la méthode document

Pour utiliser la méthode document, vous pouvez utiliser la syntaxe suivante :

<code class="javascript">document.<method_name>(parameters);</code>

Par exemple, pour obtenir un élément en fonction de son identifiant, vous pouvez utiliser le code suivant :

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

Autres méthodes

En plus de celles répertoriées ci-dessus En plus des méthodes, l'objet document fournit également les méthodes supplémentaires suivantes :

• addEventListener(event, Listener) : Ajoutez un écouteur d'événement au document.
• removeEventListener(event, listeningr) : Supprimez l'écouteur d'événement du document.
• getComputedStyle(element) : Obtenez le style calculé de l'élément.
• documentElement : Renvoie l'élément racine du document (généralement l'élément ).
• body : Renvoie l'élément body du document (généralement l'élément ).

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!