Как получить элемент по идентификатору?

Основы метода getElementById

Метод document.getElementById() является одним из самых простых и быстрых способов доступа к элементу DOM в JavaScript. Он принимает строку — значение атрибута id элемента — и возвращает сам элемент, если он существует, или null, если элемент не найден.

Пример использования

<div id="header">Заголовок</div>
<script>
  const header = document.getElementById('header');
  if (header) {
    header.style.color = 'blue';
  }
</script>

Где применяется

Этот метод используется в любых веб-приложениях, где нужно быстро получить конкретный элемент для изменения его содержимого, стилей или обработки событий. Он особенно полезен при работе с формами, модальными окнами и динамическими интерфейсами.

Вывод

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