html - 如何显示相同在页面上多次阻止？

Question

我有

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

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

请问我该如何实现？

标签： htmlcss

Answer 1

试试这样。

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)