Dokument HTML DOM getElementById()
Przykład
Pobierz element o określonym identyfikatorze:
document.getElementById("demo");
Pobierz element i zmień jego kolor:
const myElement = document.getElementById("demo");
myElement.style.color = "red";
Lub po prostu zmień jego kolor:
document.getElementById("demo").style.color = "red";
Definicja i użycie
Metoda getElementById()
zwraca element o określonej wartości.
Metoda getElementById()
zwraca null
, jeśli element nie istnieje.
Metoda getElementById()
jest jedną z najczęstszych metod w HTML DOM. Jest używany prawie za każdym razem, gdy chcesz przeczytać lub edytować element HTML.
Notatka
Każdy identyfikator powinien być unikalny, ale:
Jeśli istnieją dwa lub więcej elementów o tym samym identyfikatorze , getElementById()
zwraca pierwszy.
Zobacz też:
Metoda dokumentu getElementsByTagName()
Metoda dokumentu getElementsByClassName()
Składnia
document.getElementById(elementID)
Parametry
Parameter | Description |
id | Required. The id value of an element. |
Wartość zwrotu
Rodzaj | Opis |
Obiekt | Element o określonym identyfikatorze. null jeśli element nie istnieje. |
Powiązane strony:
Samouczek CSS: składnia CSS
Dokumentacja CSS: CSS #id Selector
Dokumentacja HTML DOM: Właściwość identyfikatora HTML DOM
Dokumentacja HTML DOM: Obiekt stylu HTML DOM
Obsługa przeglądarki
document.getElementById()
to funkcja DOM Level 2 (2001).
Jest w pełni obsługiwany we wszystkich przeglądarkach:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |