Как создать несколько одинаковых элементов?

Question

[Mitter]

Не получается создать несколько элементов, создаётся только один.
Вот код:

var elem = document.createElement('span');
var backgroundSection = document.getElementById('bgElem');
for(i = 0; i < 45; i++) {
    backgroundSection.parentNode.appendChild(elem);
}

Answer 1

[Сергей delphinpro]

ну так создавайте в цикле новые элементы

const backgroundSection = document.getElementById('bgElem');
for(let i = 0; i < 45; i++) {
    const elem = document.createElement('span');
    backgroundSection.parentNode.appendChild(elem);
}

Answer 2

[Сергей Соколов]

Если элемент не простой, а содержит вложенные, то можно использовать метод cloneNode(true) для создания копии со всеми под-элементами: