getElementById JS: как использовать и что это такое?

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

Синтаксис метода выглядит следующим образом:

getElementById(id)

где id - строка, содержащая уникальный идентификатор элемента.

Например, если у нас есть элемент с уникальным идентификатором "my-element", мы можем получить его с помощью следующего кода:

javascript
var myElement = document.getElementById("my-element");

Здесь мы сохраняем найденный элемент в переменную myElement.

Метод getElementById возвращает один элемент или null, если элемент с указанным идентификатором не найден.

Кроме того, элементы, которые были созданы динамически (например, с помощью JavaScript), также могут быть получены с помощью getElementById.

Например, мы можем создать новый элемент div и установить ему уникальный идентификатор "my-new-element", а затем получить его с помощью метода getElementById:

javascript
// создаем новый элемент div
var newElement = document.createElement("div");
// устанавливаем ему уникальный идентификатор
newElement.setAttribute("id", "my-new-element");
// добавляем элемент в документ
document.body.appendChild(newElement);
// получаем элемент по уникальному идентификатору
var myNewElement = document.getElementById("my-new-element");

Таким образом, метод getElementById является очень полезным инструментом для работы с элементами на странице, позволяя получать доступ к ним, изменять их и работать с их содержимым.