如何使用JavaScript使元素在页面上多次出现?

时间:2019-08-19 08:47:13

标签: javascript html css

快速提问,我该如何选择以下框:

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/

1 个答案:

答案 0 :(得分: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/