La méthode getElementsByClassName() est utilisée pour sélectionner ou obtenir les éléments via leur valeur de nom de classe. Cette méthode DOM renvoie un objet de type tableau composé de tous les éléments ayant le nom de classe spécifié. En appelant la méthode getElementsByClassName() sur un élément particulier, elle recherchera tout le document et renverra uniquement les éléments qui correspondent au nom de classe spécifié ou donné.
python enregistrer json dans un fichier
Syntaxe
var ele=document.getELementsByClassName('name');
Ici, le nom est l'argument obligatoire à transmettre. C'est la chaîne qui spécifie soit un seul nom de classe, soit plusieurs noms de classe à correspondre.
Exemple de méthode getElementsByClassName()
Regardons quelques exemples pour connaître et comprendre la mise en œuvre pratique de la méthode.
Exemple
Il s'agit d'une implémentation de classe simple qui renvoie un objet de type tableau lors de l'appel de la variable x.
<h5>DOM Methods </h5> This is a simple class implementation var x=document.getElementsByClassName('Class'); document.write('On calling x, it will return an arrsy-like object: <br>'+x);
Sortir:
tableau d'octets Java en chaîne
De même, nous pouvons implémenter la méthode getElementsByClassName() pour renvoyer des collections d'éléments pour plusieurs classes.
Différence entre les méthodes getElementsByClassName(), querySelector() et querySelectorAll()
getElementsByClassName() : Il fait correspondre les éléments avec le nom de classe spécifié et renvoie un ensemble d'éléments correspondants. Les éléments renvoyés sont une collection d'éléments HTML en direct. Ces éléments actifs peuvent être mis à jour davantage si des modifications sont apportées au modèle objet du document.
querySelector() : Il renvoie un seul élément correspondant au nom de classe spécifié. S'il ne trouve aucun élément correspondant, il renvoie null.
essayer la structure des données
Le point principal à comprendre est que toutes les méthodes décrites ci-dessus renvoient soit un élément, soit une liste, mais la méthode getELementsByClassName() sert à dynamique mise à jour, et les deux autres méthodes servent à la statique .