Как создать несколько div элементов в JavaScript?

Для создания нескольких div элементов в JavaScript можно использовать несколько подходов. Один из самых простых способов - это использовать функцию createElement и метод appendChild.

1. Создание элементов с помощью цикла и методов createElement и appendChild:

// Получаем родительский элемент, в котором будут созданы div элементы
var parentElement = document.getElementById('parent');

// Создаем несколько div элементов с помощью цикла
for (var i = 0; i < 5; i++) {
    // Создаем новый div элемент
    var divElement = document.createElement('div');
    
    // Добавляем содержимое в div элемент
    divElement.textContent = 'Div ' + (i + 1);
    
    // Добавляем созданный div элемент в родительский элемент
    parentElement.appendChild(divElement);
}

В этом примере создается 5 div элементов и добавляется содержимое в каждый из них. Затем созданные div элементы добавляются в родительский элемент с id "parent".

2. Также можно использовать метод insertAdjacentHTML для создания и вставки div элементов.

// Получаем родительский элемент, в котором будут созданы div элементы
var parentElement = document.getElementById('parent');

// Создаем строку с html кодом для нескольких div элементов
var divElementsHtml = '';

for (var i = 0; i < 5; i++) {
    divElementsHtml += '<div>Div ' + (i + 1) + '</div>';
}

// Вставляем html код с div элементами в родительский элемент
parentElement.insertAdjacentHTML('beforeend', divElementsHtml);

В этом примере создается строка с html кодом, содержащим несколько div элементов. Затем строка с html кодом вставляется в родительский элемент с помощью метода insertAdjacentHTML.

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