HTML dokument DOM getElementById()
Příklad
Získejte prvek se zadaným ID:
document.getElementById("demo");
Získejte prvek a změňte jeho barvu:
const myElement = document.getElementById("demo");
myElement.style.color = "red";
Nebo jen změňte jeho barvu:
document.getElementById("demo").style.color = "red";
Definice a použití
Metoda getElementById()
vrací prvek se zadanou hodnotou.
Metoda getElementById()
se vrátí null
, pokud prvek neexistuje.
Tato getElementById()
metoda je jednou z nejběžnějších metod v HTML DOM. Používá se téměř pokaždé, když chcete číst nebo upravovat prvek HTML.
Poznámka
Jakékoli ID by mělo být jedinečné, ale:
Pokud existují dva nebo více prvků se stejným IDgetElementById()
, vrátí první.
Viz také:
Metoda Document getElementsByTagName().
Metoda Document getElementsByClassName().
Syntax
document.getElementById(elementID)
Parametry
Parameter | Description |
id | Required. The id value of an element. |
Návratová hodnota
Typ | Popis |
Objekt | Prvek se zadaným id. null pokud prvek neexistuje. |
Související stránky:
Kurz CSS: Syntaxe CSS
CSS Reference: CSS #id Selector
Reference HTML DOM: Vlastnost ID HTML DOM
Reference HTML DOM: Objekt stylu HTML DOM
Podpora prohlížeče
document.getElementById()
je funkce DOM úrovně 2 (2001).
Je plně podporován ve všech prohlížečích:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |