méthode HTML DOM getElementsByClassName ()

Exemples

Modifier la classe de liste = "exemple" dans la classe = "enfant" du premier élément (valeur d'index 0) du texte:

Liste var = document.getElementsByClassName ( "exemple" ) [0];
list.getElementsByClassName ( «enfant») [0 ] .innerHTML = "Lait";

Modifier le texte avant:

café
thé

Après avoir modifié le texte:

lait
thé

Essayez »

Définitions et utilisation

méthode getElementsByClassName () retourne tous les éléments du document précisent le nom de classe de la collection, comme objet NodeList.

objet NodeList représente un ordre de la liste des noeuds. NodeList objet que nous pouvons accéder à la liste des noeuds (numéro d'index à partir de 0) dans la liste des noeuds du numéro d'index de noeud.

Astuce: Vous pouvez utiliser l'objet NodeList longueur de la propriété afin de déterminer le nombre d'éléments par nom de classe, et les divers éléments du cycle pour obtenir les éléments dont vous avez besoin.

support du navigateur

Les chiffres du tableau représentent le premier navigateur pour soutenir le numéro de version de la méthode.

manière
getElementsByClassName ()	4.0	9.0	3.0	3.1	9.5

grammaire

élément .getElementsByClassName (classname)

Paramètre Valeur

Paramètres	type	description
classname	chaîne	Must. classes d'éléments dont vous avez besoin pour obtenir le nom. les noms de classes multiples séparés par des espaces, tels que "démo d'essai".

description technique

DOM Version:	Niveau de base 1 Élément objet
Valeur de retour:	objet NodeList qui représente l'élément spécifie le nom de la classe de la collection. L'ordre des éléments de la collection de son genre dans l'ordre d'apparition dans le code.

D'autres exemples

Exemples

Modifier élément <div> dans la deuxième classe = éléments "fils" de la couleur de fond:

var x = document.getElementById ( "myDiv" );
x.getElementsByClassName ( «enfant») [1 ] .style.backgroundColor = "red";

Essayez »

Exemples

Voir élément <div> du nombre de classe = éléments "fils" (en utilisant NodeList la propriété de longueur) sont:

var x = document.getElementById ( "myDiv" ) .getElementsByClassName ( «enfant») .length;

x La sortie est:

Essayez »

Exemples

Modifier class = "exemple" éléments de la première classe appelée couleur de fond "enfant" et l'élément "de couleur":

var x = document.getElementsByClassName ( "exemple" ) [1];
x.getElementsByClassName ( "couleur de l' enfant") [ 0] .style.backgroundColor = "red";

Essayez »

Exemples

Modifier élément <div> class = "enfant" de tous les éléments de la couleur de fond:

var x = document.getElementById ( "myDiv" );
var y = x.getElementsByClassName ( «enfant» );
var i;
for (i = 0; i < y.length; i ++) {
y [i] .style.backgroundColor = "red ";
}

Essayez »