Document HTML DOM getElementsByTagName()
Exemple
Obtenez tous les éléments avec le nom de balise "li":
const collection = document.getElementsByTagName("li");
Obtenez tous les éléments du document :
const collection = document.getElementsByTagName("*");
Modifiez le code HTML interne du premier élément <p> du document :
document.getElementsByTagName("p")[0].innerHTML = "Hello World!";
Plus d'exemples ci-dessous.
Définition et utilisation
La getElementsByTagName()
méthode renvoie une collection de tous les éléments avec un nom de balise spécifié.
La getElementsByTagName()
méthode renvoie une HTMLCollection .
La getElementsByTagName()
propriété est en lecture seule.
Noter
getElementsByTagName("*")
renvoie tous les éléments du document.
Collection HTML
Une HTMLCollection est une collection de nœuds HTML.
Les nœuds d'une collection sont accessibles par des numéros d'index. L'indice commence à 0.
La propriété length renvoie le nombre d'éléments dans la collection.
Voir également:
La méthode Document getElementById()
La méthode Document getElementsByClassName()
La méthode document querySelector()
Syntaxe
document.getElementsByTagName(tagname)
Paramètres
Parameter | Description |
tagname | Required. The tagname of the elements. |
Valeur de retour
Taper | La description |
Objet | Un objet HTMLCollection . Une collection d'éléments avec un nom de balise spécifié. Les éléments sont triés tels qu'ils apparaissent dans le document. |
Plus d'exemples
Le nombre d'éléments <li> dans le document :
let numb = document.getElementsByTagName("li").length;
Modifiez la couleur d'arrière-plan de tous les éléments <p> :
const collection = document.getElementsByTagName("P");
for (let i = 0; i < collection.length; i++) {
collection[i].style.backgroundColor = "red";
}
Pages connexes
Référence JavaScript : élément .getElementsByTagName()
Tutoriel JavaScript : Liste de nœuds JavaScript HTML DOM
Prise en charge du navigateur
document.getElementsByTagName()
est une fonctionnalité DOM niveau 1 (1998).
Il est entièrement pris en charge dans tous les navigateurs :
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |