HTML DOM getElementsByTagName() Method

<Object Élément

Exemple

Modifier le contenu HTML de la première <li> élément (index 0) dans une liste:

var list = document.getElementsByTagName("UL")[0];
list.getElementsByTagName("LI")[0].innerHTML = "Milk";

Avant de modifier le texte:

Coffee
Tea

Après avoir modifié le texte:

Milk
Tea

Essayez vous - même »

Définition et utilisation

Le getElementsByTagName() méthode retourne une collection d'un des éléments enfants d'éléments 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: Vous pouvez utiliser la longueur propriété de l'objet NodeList pour déterminer le nombre de noeuds enfants avec le nom de balise spécifié, vous pouvez boucle à travers tous les noeuds et extraire les informations que vous voulez.

Astuce: ParameterValue "*" retourne tous les éléments enfants de l'élément.

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

element .getElementsByTagName( tagname )

Les valeurs des paramètres

Paramètre	Type	La description
tagname	String	Champs obligatoires. Le tagname des éléments enfants que vous voulez obtenir

Détails techniques

version DOM	Niveau de base 1 Élément objet
Valeur de retour:	Un objet NodeList, ce qui représente une collection d'éléments enfants avec la variable spécifiée de l'élément. Les éléments de la collection retournés sont classés comme ils apparaissent dans le code source.

autres exemples

Exemple

Pour en savoir combien <p> éléments il y a dans un <div> élément ( en utilisant la propriété de longueur de l'objet NodeList):

var x = document.getElementById("myDIV").getElementsByTagName("P").length;

Le résultat de x sera:

Essayez vous - même »

Exemple

Changer la couleur de fond du second <p> élément (index 1) à l' intérieur d' un <div> élément:

var x = document.getElementById("myDIV");
x.getElementsByTagName("P")[1].style.backgroundColor = "red";

Essayez vous - même »

Exemple

Changer la couleur de fond de tous les <p> éléments à l' intérieur d' un <div> élément:

var x = document.getElementById("myDIV");
var y = x.getElementsByTagName("P");
var i;
for (i = 0; i < y.length; i++) {
y[i].style.backgroundColor = "red";
}

Essayez vous - même »

Exemple

Changer la couleur de fond du quatrième élément (index 3) à l' intérieur d' un <div> élément:

var x = document.getElementById("myDIV");
x.getElementsByTagName("*")[3].style.backgroundColor = "red";

Essayez vous - même »

Exemple

Utilisation de la "*" paramètre.

Changer la couleur de fond de tous les éléments à l' intérieur d' un <div> élément:

var x = document.getElementById("myDIV");
var y = x.getElementsByTagName("*");
var i;
for (i = 0; i < y.length; i++) {
y[i].style.backgroundColor = "red";
}

Essayez vous - même »