English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
getElementsByClassName()La méthode peut obtenir des éléments ayant une valeur de classe spécifiée et retourne une collection.
Les éléments de la liste retournée sont triés dans l'ordre de leur apparition dans le code source.
Vous pouvez accéder à la liste retournée via un index. L'index commence à 0.
Utilisation des tableauxlengthL'attribut détermine le nombre d'éléments portant la classe spécifiée, puis vous pouvez parcourir tous les éléments pour extraire l'information nécessaire.
document.getElementsByClassName(class)
var x = document.getElementsByClassName("demo");Vérifiez et voyez‹/›Tous les navigateurs prennent en charge intégralement la méthode getElementsByClassName() :
| Méthode | |||||
| getElementsByClassName() | Est | Est | Est | Est | Est |
| Paramètre | Description |
|---|---|
| class | Une chaîne de caractères représentant le nom de la classe de l'élément à obtenir. Pour rechercher plusieurs noms de classes, séparez-les par des espaces, par exemple «demo color». |
| Valeur de retour : | Retourne un objet de type tableau similaire à celui de tous les éléments enfants portant tous les noms de classes donnés. |
|---|---|
| Version DOM : | Niveau DOM1 |
Obtenir tous les éléments en utilisant les classes "demo" et "color":
var x = document.getElementsByClassName("demo color");Vérifiez et voyez‹/›Modifier la couleur de fond de tous les éléments en utilisant class="demo":
var x = document.getElementsByClassName("demo");
for(let i = 0; i < x.length;++) {
x[i].style.backgroundColor = "coral";
}Vérifiez et voyez‹/›DOM Document querySelector()Méthodes
DOM Document querySelectorAll()Méthodes
DOM Document getElementById()Méthodes
DOM Document getElementsByTagName()Méthodes