Exemple
Obtenez tous les éléments du document avec le nom de balise spécifié:
var x =
document.getElementsByTagName("LI");
Essayez vous - même » Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.
Définition et utilisation
Le getElementsByTagName() méthode retourne une collection de tous les éléments du document avec le nom d'étiquette spécifiée, comme un objet NodeList.
L'objet NodeList représente une collection de noeuds. Les nœuds sont accessibles par des numéros d'index. L'indice commence à 0.
Astuce: ParameterValue "*" renvoie tous les éléments dans le document.
Astuce: Vous pouvez utiliser la longueur propriété de l'objet NodeList pour déterminer le nombre d'éléments avec le nom de balise spécifié, vous pouvez boucle à travers tous les éléments et extraire les informations que vous voulez.
Support du navigateur
Les chiffres du tableau indique la première version du navigateur qui prend en charge pleinement la méthode.
| méthode | |||||
|---|---|---|---|---|---|
| getElementsByTagName() | 1.0 | 6.0 | 3.0 | 3.0 | 9.5 |
Syntaxe
document.getElementsByTagName( tagname )Les valeurs des paramètres
| Paramètre | Type | La description |
|---|---|---|
| tagname | String | Champs obligatoires. Le tagname des éléments que vous souhaitez obtenir |
Détails techniques
| DOM Version: | Niveau de base 1 Document Object |
|---|---|
| Valeur de retour: | Un objet NodeList, ce qui représente une collection d'éléments avec le nom de la balise spécifiée. Les éléments de la collection retournés sont classés comme ils apparaissent dans le code source. |
autres exemples
Exemple
Découvrez combien de <li> éléments , il y a dans le document ( en utilisant la propriété de longueur de l'objet NodeList):
var x =
document.getElementsByTagName("LI").length; Essayez vous - même » Exemple
Modifier le contenu HTML du premier <p> élément (index 0) dans le document:
document.getElementsByTagName("P")[0].innerHTML = "Hello World!"; Essayez vous - même » Exemple
Changer la couleur de fond de tous les <p> éléments du document:
var x = document.getElementsByTagName("P");
var i;
for (i = 0; i <
x.length; i++) {
x[i].style.backgroundColor = "red";
} Essayez vous - même » Exemple
Utilisation de la "*" paramètre.
Obtenez tous les éléments du document:
var x =
document.getElementsByTagName("*"); Essayez vous - même » Pages associées
JavaScript Référence: élément. getElementsByTagName()
JavaScript Tutoriel: HTML JavaScript DOM liste Node