appendChild
will remove the node from wherever it is before appending it to its new location, so you need to make copies of the node instead. You can use cloneNode
for that. The true
makes cloneNode
perform a deep clone, i.e. with all its child nodes.
for(var i = 0; i < urls.length; i++){
sliderBody.appendChild(slide.cloneNode(true));
}