Метод getElementById()
Пример
Получить элемент с указанным идентификатором:
document.getElementById("demo");
Попробуйте сами »
Ещё примеры "Попробуйте сами" ниже.
Определение и использование
Метод getElementById() возвращает элемент, имеющий атрибут ID с указанным значением.
Этот метод является одним из наиболее распространенных методов в HTML DOM и используется почти каждый раз, когда вы хотите манипулировать элементом вашего документа или получать информацию из него.
Возвращает null, если не существует элементов с указанным идентификатором.
Идентификатор должен быть уникальным внутри страницы. Однако, если существует более одного элемента с указанным идентификатором, метод getElementById() возвращает первый элемент в исходном коде.
Поддержка браузера
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает этот метод.
| Метод | |||||
|---|---|---|---|---|---|
| getElementById() | Да | Да | Да | Да | Да |
Синтаксис
document.getElementById(elementID)
Значения параметров
| Параметр | Тип | Описание |
|---|---|---|
| elementID | String | Требуемый. Значение атрибута ID элемента, который вы хотите получить |
Технические детали
| DOM Версия: | Основной уровень 2 объект документа |
|---|---|
| Возвращаемое значение: | Объект Element, представляющий элемент с указанным идентификатором. Возвращает null, если не существует элементов с указанным идентификатором |
Ещё примеры
Пример
Получить элемент с id="demo" и измените его цвет:
var x = document.getElementById("demo"); // Get the element with id="demo"
x.style.color = "red"; // Измените цвет элемента
Попробуйте сами »
Связанные страницы
CSS Учебник: CSS Синтаксис
CSS Справочник: CSS #id Селектор
HTML DOM Справочник: HTML DOM id Свойство
HTML DOM Справочник: HTML DOM Style Объект
