Создание новых элементов в документе - document.createElement

Метод document.createElement() используется для создания нового элемента HTML в веб-странице с помощью JavaScript. Этот метод возвращает новый элемент с указанным тегом, который может быть добавлен в DOM (Document Object Model) веб-страницы.

Пример использования document.createElement():

javascript
// создаем новый элемент 

var newDiv = document.createElement("div");
// устанавливаем атрибут class для нового элемента
newDiv.setAttribute("class", "new-class");
// добавляем новый элемент в DOM веб-страницы
document.body.appendChild(newDiv);

В данном примере мы создали новый элемент с тегом "div" с помощью метода document.createElement(). Затем установили значение атрибута "class" для этого нового элемента с помощью метода setAttribute(). В конце, мы добавили новый элемент в конец тела веб-страницы с помощью метода appendChild().

Метод document.createElement() может также использоваться для создания других элементов HTML, таких как изображения, заголовки, таблицы, параграфы и т.д.

javascript
// создаем новый элемент 
var newImg = document.createElement("img");
// устанавливаем значения атрибутов для нового изображения
newImg.setAttribute("src", "path/to/image.jpg");
newImg.setAttribute("alt", "image description");
// добавляем новое изображение в DOM веб-страницы
document.body.appendChild(newImg);

В данном примере мы создали новый элемент с тегом "img" с помощью метода document.createElement(). Затем мы установили значения атрибутов "src" и "alt" для нового изображения с помощью метода setAttribute(). В конце, мы добавили новое изображение в конец тела веб-страницы с помощью метода appendChild().