如何在页面上多次显示相同的<div> 块？

Question

我有

<div id="example">HELLO WORLD</div>

我需要在同一个页面上显示这个内容25次。

请问我如何实现这个目标？

Answer 1

Id必须是唯一的。使用:

<div id="example_1">HELLO WORLD</div>
<div id="example_2">HELLO WORLD</div>

https:/developer.mozilla.orgfrdocsWebHTMLAttributs_universelsid。

Answer 2

一个简单的while循环就可以了。

var i = 0;
while (i < 25) {
  text += "<br><div>content</div> ";
  i++;
}
document.getElementById("example").innerHTML = text;

Answer 3

像这样尝试。

function render(count) {
    const htmlStr = `<div id="example">HELLO WORLD</div>`
    let finalStr = '';

    for (let i=1; i<=count; i++) {
       finalStr += htmlStr
    }
    document.querySelector('body').innerHTML = finalStr;
}

调用这个函数 - render(25)