Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
getElementById() sposób wraca do elementu, który ma ID atrybutu o określonej wartości.
Metoda ta jest jedną z najbardziej powszechnych metod DOM HTML i jest używany prawie za każdym razem chcesz manipulować, lub uzyskać informacje z, elementu w dokumencie.
Zwraca null, jeśli istnieje żadne elementy o podanym ID.
Identyfikator powinien być unikalny w obrębie strony. Niemniej jednak, jeśli więcej niż jeden element z określonym ID istnieje, getElementById() sposób wraca do pierwszego elementu w kodzie źródłowym.
Wsparcie przeglądarka
Liczby w tabeli określa pierwszą wersję przeglądarki, która w pełni obsługuje metodę.
| metoda | |||||
|---|---|---|---|---|---|
| getElementById() | tak | tak | tak | tak | tak |
Składnia
document.getElementById( elementID )wartości parametrów
| Parametr | Rodzaj | Opis |
|---|---|---|
| elementID | String | Wymagany. The ID wartość atrybutu elementu, który chcesz dostać |
Szczegóły techniczne
| DOM wersja: | Rdzeń Poziom 2 Document Object |
|---|---|
| Zwracana wartość: | Object elementu, co stanowi element o określonym ID. Zwraca null, jeśli istnieje żadne elementy o podanym ID |
Więcej przykładów
Przykład
Uzyskać element o id = „Demo” i zmienić jego kolor:
var x = document.getElementById("demo"); // Get the element with
id="demo"
x.style.color = "red";
// Change the color of the element Spróbuj sam " Podobne strony
CSS: CSS selektory
CSS: CSS Selector ID
HTML DOM: HTML DOM id Property
HTML DOM: HTML DOM Style obiektu