Метод getElementById()
Пример document.getElementById()
Получить элемент с указанным идентификатором:
document.getElementById("demo");
Попробуйте сами »
Получите элемент и измените его цвет:
const myElement = document.getElementById("demo");
myElement.style.color = "red";
Попробуйте сами »
Или просто измените его цвет:
document.getElementById("demo").style.color = "red";
Попробуйте сами »
Описание getElementById()
Метод getElementById() возвращает элемент с указанным значением.
Метод getElementById() возвращает null, если элемент не существует.
Метод getElementById() является одним из самых распространенных методов в HTML DOM. Он используется почти каждый раз, когда вы хотите прочитать или отредактировать HTML-элемент.
Примечание getElementById()
Любой id должен быть уникальным, но:
Если существуют два или более элементов с одинаковым id, getElementById() возвращает первый.
Похожи на getElementById()
Синтаксис getElementById()
document.getElementById(elementID)
Параметры getElementById()
| Параметр | Описание |
|---|---|
| id | Обязательно. Значение идентификатора элемента. |
Возвращаемое значение getElementById()
| Тип | Описание |
|---|---|
| Object | Элемент с указанным идентификатором.null если элемент не существует. |
Похожи на: getElementById()
Учебник CSS: Синтаксис CSS
Справочник CSS: Селектор CSS #id
Справочник HTML DOM: Свойство HTML DOM id
Справочник HTML DOM: Объект стиля HTML DOM
Поддержка браузера getElementById()
document.getElementById() является функцией DOM уровня 2 (2001).
Он полностью поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | 9-11 |