База знаний

Объект страницы

.getElementById() в JavaScript

.getElementById() в JavaScript

29 апреля 2025

Автор

Дмитрий Фандорин

.getElementById() - это метод JavaScript, который позволяет получить элемент на веб-странице по его уникальному атрибуту id. Он используется для того, чтобы получить ссылку на элемент и работать с ним в JavaScript.

Форма записи

.getElementById() имеет следующий синтаксис:

document.getElementById(id);

где:

id
- это строка, представляющая уникальный идентификатор элемента на веб-странице.

Описание работы

.getElementById() работает путем поиска элемента на веб-странице по его уникальному атрибуту id. Если элемент найден, метод возвращает ссылку на этот элемент, который затем может быть использован для изменения его свойств или добавления/удаления обработчиков событий.

Пример использования .getElementById() для получения ссылки на элемент с id="myElement":

<div id="myElement">Это мой элемент</div>

const element = document.getElementById('myElement');
element.style.color = 'red';

В данном примере мы получаем ссылку на элемент с id="myElement" с помощью метода .getElementById(), а затем изменяем его цвет текста на красный.

.getElementById() может использоваться для получения ссылки на любой элемент на веб-странице, который имеет уникальный id. Он позволяет обращаться к элементам и изменять их свойства и содержимое непосредственно из JavaScript.

Заключение

.getElementById() - это метод JavaScript, который позволяет получить элемент на веб-странице по его уникальному атрибуту id. Он используется для того, чтобы получить ссылку на элемент и работать с ним в JavaScript.

.getElementsByClassName() в JavaScript .forms в JavaScript

Постройте личный план изучения Javascript до уровня Middle — бесплатно!

Javascript — часть карты развития Frontend

100+ шагов развития
30 бесплатных лекций
300 бонусных рублей на счет

Бесплатные лекции

Все гайды по Javascript

Строки в JavaScript

Шаблонные строки в JavaScript Объект-обёртка String в JavaScript Строка в JavaScript Свойство .length в JavaScript Метод .indexOf() в JavaScript Метод .includes() в JavaScript

Методы строк

Как работает метод trim() - JavaScript Как работает метод toUpperCase() - JavaScript Как работает метод toLowerCase() - JavaScript Как работает метод substring() - JavaScript Как работает метод startsWith() - JavaScript Как работает метод split() - JavaScript Как работает метод slice() - JavaScript Как работает метод search() - JavaScript Как работает метод replaceAll() - JavaScript Как работает метод replace() - JavaScript Как работает метод repeat() - JavaScript Как работает метод padStart() - JavaScript Как работает метод padEnd() - JavaScript Как работает метод matchAll() - JavaScript Как работает метод match() - JavaScript Как работает метод localeCompare() - JavaScript Как работает свойство length - JavaScript Как работает метод lastIndexOf() - JavaScript Как работает метод indexOf() - JavaScript Как работает метод includes() - JavaScript Как работает метод fromCodePoint() - JavaScript Как работает метод fromCharCode() - JavaScript Как работает метод endsWith() - JavaScript Как работает метод concat() - JavaScript Как работает метод codePointAt() - JavaScript Как работает метод charCodeAt() - JavaScript Как работает метод charAt() - JavaScript

JavaScript множества

values() в JavaScript size в JavaScript Конструктор Set в JavaScript Множество в JavaScript keys() в JavaScript has() в JavaScript forEach() в JavaScript entries() в JavaScript delete() в JavaScript clear() в JavaScript add() в JavaScript

Примитивные типы данных в JavaScript

undefined в JavaScript Преобразование типов в JavaScript Symbol в JavaScript Строка в JavaScript Число в JavaScript null в JavaScript Boolean в JavaScript BigInt в JavaScript

Разбор объектов в JavaScript

Метод .toString() в JavaScript Объекты в JavaScript Intl.DateTimeFormat в JavaScript Генераторы в JavaScript Дескрипторы в JavaScript

JavaScript числа

toString() в JavaScript parseInt() в JavaScript parseFloat() в JavaScript Обёртка Number в JavaScript Number.isNaN() в JavaScript Number.isFinite() в JavaScript Число в JavaScript

JavaScript Math

Math.random() в JavaScript Объект Math в JavaScript Методы округления в JavaScript

Протоколы итерации

Итератор в JavaScript

JavaScript функции

Ключевое слово this в JavaScript Ключевое слово return в JavaScript Объект arguments в JavaScript Функции в JavaScript - параметры, объявление, возврат и переменные Область видимости в JavaScript Стрелочные функции в JavaScript

Управление потоком

Цикл while в JavaScript - примеры, условия, break, continue Циклы в JavaScript – всё о циклах while, for, do-while Цикл for в JavaScript - примеры, условия, break, continue

Обработка исключений

try...catch в JavaScript Error в JavaScript

События в JavaScript

Событие wheel в JavaScript Событие unload в JavaScript Событие touch в JavaScript Событие submit в JavaScript Событие scroll в JavaScript Событие reset в JavaScript Метод .preventDefault() в JavaScript Событие mouseover в JavaScript Событие mouseout в JavaScript Событие load в JavaScript Событие keyup в JavaScript Событие keydown в JavaScript Событие invalid в JavaScript Событие input в JavaScript Событийная модель Event в JavaScript Объект события Event в JavaScript Событие DOMContentLoaded в JavaScript Событие dblclick в JavaScript Событие click в JavaScript Событие change в JavaScript Событие beforeunload в JavaScript

Элемент на странице в JavaScript

.textContent в JavaScript .style в JavaScript .setProperty() в JavaScript .scrollTo() в JavaScript .scrollIntoView() в JavaScript .scrollBy() в JavaScript .removeProperty() в JavaScript .removeEventListener() в JavaScript .querySelectorAll() в JavaScript .querySelector() в JavaScript .outerHTML в JavaScript .innerText в JavaScript в JavaScript .hidden в JavaScript .getPropertyValue() в JavaScript .getElementsByTagName() в JavaScript .getElementsByClassName() в JavaScript .getAttribute() в JavaScript .focus() в JavaScript Элемент в JavaScript .dataset в JavaScript .closest() в JavaScript .classList в JavaScript .blur() в JavaScript .addEventListener() в JavaScript

Объектная модель документа

HTMLCollection и NodeList в JavaScript Событийная модель в JavaScript Element в JavaScript DOM в JavaScript

Объект страницы

.removeEventListener() в JavaScript .querySelectorAll() в JavaScript .querySelector() в JavaScript .getElementsByTagName() в JavaScript .getElementsByClassName() в JavaScript .getElementById() в JavaScript .forms в JavaScript .cookie в JavaScript .addEventListener() в JavaScript

Коллекции в JavaScript

Объект WeakSet в JavaScript Объект TypedArray в JavaScript Объект SharedArrayBuffer в JavaScript Объект Set в JavaScript Объект в JavaScript Объект Map в JavaScript function в JavaScript Объект DataView в JavaScript Объект WeakMap в JavaScript Объект Atomics в JavaScript Массивы в JavaScript Объект ArrayBuffer в JavaScript

JavaScript браузерное окружение и API

window.print() в JavaScript window.open() в JavaScript window.navigator в JavaScript window.location в JavaScript window.history в JavaScript URLSearchParams в JavaScript setTimeout() в JavaScript setInterval() в JavaScript sessionStorage в JavaScript queueMicrotask() в JavaScript prompt() в JavaScript Performance в JavaScript window.matchMedia в JavaScript localStorage в JavaScript Geolocation API в JavaScript FormData в JavaScript fetch() в JavaScript DOM в JavaScript console.log() в JavaScript confirm() в JavaScript clearTimeout() в JavaScript clearInterval() в JavaScript alert() в JavaScript BOM в JavaScript

Тип boolean

Преобразование типов в JavaScript Логические операторы в JavaScript Boolean в JavaScript

JavaScript основы

Типы данных в JavaScript - инструкция для начинающих Операторы в Javascript Логические операторы в JavaScript - && (и), || (или), ! (не)Переменные и константы в JavaScript - чем отличаются var, let и const в JS

Async в JavaScript

Метод then() в JavaScript Метод Promise.race() в JavaScript Метод Promise.any() в JavaScript Метод Promise.allSettled() в JavaScript Метод Promise.all() в JavaScript Promise в JavaScript Метод finally() в JavaScript Метод catch() в JavaScript Async в JavaScript async/await в JavaScript

Массивы в JavaScript

Как работает метод some() - JavaScript Как работает метод reverse() - JavaScript Как работает метод reduce() - JavaScript Как работает метод map() - JavaScript Как работает метод isArray() - JavaScript Как работает метод indexOf() - JavaScript Как работает метод includes() - JavaScript Как работает метод from() - JavaScript Как работает метод forEach() - JavaScript Как работает метод flatMap() - JavaScript Как работает метод flat() - JavaScript Как работает метод findIndex() - JavaScript Как работает метод find() - JavaScript Как работает метод filter() - JavaScript Как работает метод every() - JavaScript Массивы в JavaScript

Продвинутый синтаксис в JavaScript

Тернарный оператор в JavaScript Spread в JavaScript Поверхностное и глубокое копирование в JavaScript Итераторы в JavaScript Цикл for...of в JavaScript Цикл for...in в JavaScript Объект Date в JavaScript

Открыть базу знаний

Лучшие курсы по теме

изображение курса

Основы JavaScript

Антон Ларичев

12 бесплатных уроков

4.8

Backend

Frontend

Mobile

3 999 ₽Бесплатный старт

изображение курса

TypeScript с нуля

Антон Ларичев

21 бесплатный урок

4.7

Backend

Frontend

Mobile

3 999 ₽Бесплатный старт

изображение курса

Next.js - с нуля

Антон Ларичев

23 бесплатных урока

4.7

Frontend

3 999 ₽Бесплатный старт