English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Метод HTML DOM getElementById()

Объект документа HTML DOM

getElementById()Метод может получить объект узла элемента по атрибуту id, и этот метод поддерживается всеми браузерами.

Поскольку если указан ID элемента, то они должны быть уникальными, поэтому они являются эффективным способом быстрого доступа к определенному элементу.

Если вам нужно получить доступ к элементу без ID, вы можете использоватьquerySelector()Через любойВыборкаНайти этот элемент.

Синтаксис:

document.getElementById(ID)
document.getElementById('para');
Проверьте, посмотрите‹/›

Совместимость браузеров

Метод getElementById() поддерживается всеми браузерами:

Метод
getElementById()являетсяявляетсяявляетсяявляетсяявляется

Значение параметра

ПараметрОписание
IDID элемента, который нужно найти. ID является регистрозависимым строковым значением и уникальным в документе. Только один элемент может иметь любой заданный ID.

Технические детали

Возвратное значение:Описание DOM-элемента объекта, соответствующего заданному IDЭлементобъект; если в документе не найден соответствующий элемент, тоnull.
Версия DOM:DOM 2-го уровня

Более примеров

Получите элемент с id="para" и измените его цвет:

document.getElementById('para').style.color = "blue";
Проверьте, посмотрите‹/›

Получите элемент с id="para" и измените его размер шрифта:

document.getElementById('para').style.fontSize = "3em";
Проверьте, посмотрите‹/›

См. также

Учебник CSS:Грамматика CSS

CSS: РеференцияCSS#idВыборка

DOM Document querySelector()Методы

DOM DocumentgetElementsByClassName()Методы

DOM DocumentgetElementsByTagName()Методы

Объект документа HTML DOM