Dokument HTML DOM getElementsByClassName()
Příklad
Získejte všechny prvky pomocí class="example":
const collection = document.getElementsByClassName("example");
Získejte všechny prvky pomocí tříd „example“ a „color“:
const collection = document.getElementsByClassName("example color");
Další příklady níže.
Definice a použití
Metoda getElementsByClassName()vrací kolekci prvků se zadaným názvem třídy.
Metoda getElementsByClassName()vrací HTMLCollection .
Vlastnost getElementsByClassName()je pouze pro čtení.
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 getElementsByTagName().
Metoda Document querySelector().
Syntax
document.getElementsByClassName(classname)
Parametry
| Parameter | Description |
| classname | Required. The class name of the elements. Search for multiple class names separated by spaces like "test demo". |
Návratová hodnota
| Typ | Popis |
| Objekt. | Objekt HTMLCollection . Kolekce prvků se zadaným názvem třídy. Prvky jsou seřazeny tak, jak se objevují v dokumentu. |
Další příklady
Počet prvků s class="example":
let numb = document.getElementsByClassName("example").length;
Změňte barvu pozadí všech prvků pomocí class="example":
const collection = document.getElementsByClassName("example");
for (let i = 0; i < collection.length; i++) {
collection[i].style.backgroundColor = "red";
}
Související stránky
Kurz CSS: Syntaxe CSS
CSS Reference: CSS .class Selector
Reference HTML DOM: element .getElementsByClassName()
Odkaz HTML DOM: vlastnost className
Odkaz HTML DOM: vlastnost classList
Odkaz HTML DOM: Objekt stylu
Podpora prohlížeče
document.getElementsByClassName() 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 |