пример
Получить элемент с указанным идентификатором:
document.getElementById("demo");
Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
getElementById() метод возвращает элемент , который имеет ID атрибута с заданным значением.
Этот метод является одним из наиболее распространенных методов в HTML DOM, и используется почти каждый раз, когда вы хотите управлять, или получить информацию от, элемента на документе.
Возвращает нулевое значение , если ни один элемент с указанным идентификатором не существует.
ID должен быть уникальным в пределах страницы. Однако, если существует больше , чем один элемент с указанным идентификатором, то getElementById() метод возвращает первый элемент в исходном коде.
Поддержка браузеров
Числа в таблице определяет первую версию браузера, который полностью поддерживает метод.
| метод | |||||
|---|---|---|---|---|---|
| getElementById() | да | да | да | да | да |
Синтаксис
document.getElementById( elementID )Значения параметров
| параметр | Тип | Описание |
|---|---|---|
| elementID | String | Необходимые. В ID значение атрибута элемента вы хотите получить |
Технические подробности
| DOM Версия: | Базовый уровень Объект 2 документа |
|---|---|
| Возвращаемое значение: | Объект Элемент, представляющий элемент с указанным идентификатором. Возвращает нулевое значение , если ни один элемент с указанным идентификатором не существует |
Еще примеры
пример
Получить элемент с идентификатором = «демо» и изменить свой цвет:
var x = document.getElementById("demo"); // Get the element with
id="demo"
x.style.color = "red";
// Change the color of the element Попробуй сам " Похожие страницы
Учебник CSS: CSS селекторы
CSS Reference: CSS #id Selector
HTML DOM Ссылка: HTML DOM id Property
HTML DOM Ссылка: HTML DOM Style Object