javascript - 如何使用 JavaScript 让一个元素在我的页面上多次出现？

Question

快速提问，我如何使用下面的框：

HTML

<div class="box">
I am a box.
</div>

CSS

.box {
border: 1px solid green;
}

JavaScript

let x = 

让它出现在我的页面上 4 次？

https://jsfiddle.net/W3Develops/s6v8zafm/3/

标签： javascripthtmlcss

Answer 1

你可以这样做：

let box = document.querySelector('.box');
for(let x = 0; x < 3; x++) {
    let clone = box.cloneNode(true);
    document.body.appendChild(clone)
}

小提琴链接：https ://jsfiddle.net/tdx5f6cw/6/