Dokument HTML DOM getElementsByTagName()
Příklad
Získejte všechny prvky s názvem značky "li":
const collection = document.getElementsByTagName("li");
Získejte všechny prvky v dokumentu:
const collection = document.getElementsByTagName("*");
Změňte vnitřní kód HTML prvního prvku <p> v dokumentu:
document.getElementsByTagName("p")[0].innerHTML = "Hello World!";
Další příklady níže.
Definice a použití
Metoda getElementsByTagName()
vrací kolekci všech prvků se zadaným názvem tagu.
Metoda getElementsByTagName()
vrací HTMLCollection .
Vlastnost getElementsByTagName()
je pouze pro čtení.
Poznámka
getElementsByTagName("*")
vrátí všechny prvky v dokumentu.
HTML kolekce
HTMLCollection je kolekce uzlů HTML.
K uzlům v kolekci lze přistupovat pomocí čísel indexů. Index začíná na 0.
Vlastnost length vrátí počet prvků v kolekci.
Viz také:
Metoda Document getElementById().
Metoda Document getElementsByClassName().
Metoda Document querySelector().
Syntax
document.getElementsByTagName(tagname)
Parametry
Parameter | Description |
tagname | Required. The tagname of the elements. |
Návratová hodnota
Typ | Popis |
Objekt | Objekt HTMLCollection . Kolekce prvků se zadaným názvem značky. Prvky jsou seřazeny tak, jak se objevují v dokumentu. |
Další příklady
Počet prvků <li> v dokumentu:
let numb = document.getElementsByTagName("li").length;
Změňte barvu pozadí všech prvků <p>:
const collection = document.getElementsByTagName("P");
for (let i = 0; i < collection.length; i++) {
collection[i].style.backgroundColor = "red";
}
Související stránky
Reference JavaScript: element .getElementsByTagName()
Výukový program JavaScript: Seznam uzlů JavaScript HTML DOM
Podpora prohlížeče
document.getElementsByTagName()
je funkce DOM úrovně 1 (1998).
Je plně podporován ve všech prohlížečích:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |