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