Создание элемента с ID в JavaScript: пошаговое руководство

Создание элементов в JavaScript с помощью createElement

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

Как использовать createElement

Метод document.createElement() принимает в качестве аргумента строку, которая указывает тип создаваемого элемента. Например, чтобы создать новый элемент <div>, вы можете использовать следующий код:

let newDiv = document.createElement('div');

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

Задание уникального идентификатора

После создания элемента важно задать ему уникальный идентификатор. Это можно сделать с помощью свойства id. Например:

newDiv.id = 'uniqueId';

Теперь, когда элемент имеет уникальный идентификатор, вы можете легко управлять им с помощью JavaScript или CSS. Например, вы можете стилизовать его через CSS: