如何在javascript中的页面加载时多次克隆图像答案

【问题标题】：How to clone an image multiple times on page load in javascript如何在javascript中的页面加载时多次克隆图像
【发布时间】：2018-04-13 07:05:30
【问题描述】：

我一直在努力解决这个问题，但到目前为止没有成功.. 我是 javascript 的初学者，对 JavaScript 了解甚少，因此非常感谢任何帮助。基本上，我有一张图像，我想在页面加载时多次显示，但使用 15 到 30 之间的随机数。所以，如果随机数是 15，我想在页面加载时克隆图像 15 次。我不确定是否清楚，但假设我使用此函数查找随机数：Math.floor(Math.random()*16)+15; 但是，我不知道如何将此随机数链接到我的图像，以便在页面加载时显示。提前感谢您的帮助。

【问题讨论】：

标签： javascript

【解决方案1】：

var toDup = document.querySelector('.to-duplicate');
console.log(toDup);
var numDuplicates = Math.floor(Math.random()*16)+15;
for (var dup = 0; dup < numDuplicates; dup++) {
    toDup.parentNode.appendChild(toDup.cloneNode(true));
}

&lt;img class="to-duplicate" src="http://via.placeholder.com/100x100" /&gt;

【讨论】：

感谢您的帮助。这就是我在发布问题后不断尝试所做的事情：