Metoda getElementsByTagName() HTML DOM
❮ Objekt prvkuPříklad
Změňte obsah HTML prvního prvku <li> (index 0) v seznamu:
var list = document.getElementsByTagName("UL")[0];
list.getElementsByTagName("LI")[0].innerHTML = "Milk";
Definice a použití
Metoda getElementsByTagName() vrací kolekci podřízených prvků elementu se zadaným názvem tagu jako objekt NodeList.
Objekt NodeList představuje kolekci uzlů. K uzlům lze přistupovat pomocí indexových čísel. Index začíná na 0.
Tip: Můžete použít vlastnost length objektu NodeList k určení počtu podřízených uzlů se zadaným názvem tagu, pak můžete procházet všechny uzly a extrahovat požadované informace.
Tip: Hodnota parametru "*" vrací všechny podřízené prvky prvku.
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která tuto metodu plně podporuje.
Method | |||||
---|---|---|---|---|---|
getElementsByTagName() | 1.0 | 6.0 | 3.0 | 3.0 | 9.5 |
Syntax
element.getElementsByTagName(tagname)
Hodnoty parametrů
Parameter | Type | Description |
---|---|---|
tagname | String | Required. The tagname of the child elements you want to get |
Technické údaje
Verze DOM | Základní objekt prvku úrovně 1 |
---|---|
Návratová hodnota: | Objekt NodeList představující kolekci podřízených prvků prvku se zadaným názvem tagu. Prvky ve vrácené kolekci jsou seřazeny tak, jak se objevují ve zdrojovém kódu. |
Další příklady
Příklad
Zjistěte, kolik prvků <p> je uvnitř prvku <div> (pomocí vlastnosti length objektu NodeList):
var x =
document.getElementById("myDIV").getElementsByTagName("P").length;
Příklad
Změňte barvu pozadí druhého prvku <p> (index 1) uvnitř prvku <div>:
var x =
document.getElementById("myDIV");
x.getElementsByTagName("P")[1].style.backgroundColor = "red";
Příklad
Změňte barvu pozadí všech prvků <p> uvnitř prvku <div>:
var x = document.getElementById("myDIV");
var y = x.getElementsByTagName("P");
var i;
for (i = 0; i < y.length; i++) {
y[i].style.backgroundColor = "red";
}
Příklad
Změňte barvu pozadí čtvrtého prvku (index 3) uvnitř prvku <div>:
var x = document.getElementById("myDIV");
x.getElementsByTagName("*")[3].style.backgroundColor = "red";
Příklad
Pomocí parametru "*".
Změňte barvu pozadí všech prvků v prvku <div>:
var x = document.getElementById("myDIV");
var y = x.getElementsByTagName("*");
var i;
for (i = 0; i < y.length; i++) {
y[i].style.backgroundColor = "red";
}
Související stránky
Reference JavaScript: document.getElementsByTagName()
Výukový program JavaScript: Seznam uzlů JavaScript HTML DOM
❮ Objekt prvku