Javascript 如何创建一个for循环,使h1重复多次?

Javascript 如何创建一个for循环,使h1重复多次?,javascript,for-loop,dom,Javascript,For Loop,Dom,如何创建带有文本“Hello World”的H1标记,并将其附加到DOM中,然后创建for循环,重复此过程10次,以便在访问网站时显示带有文本“Hello World”的10个H1。您可以执行以下操作: const h1='Hello World!'; for(设i=0;i

如何创建带有文本“Hello World”的H1标记,并将其附加到DOM中,然后创建for循环,重复此过程10次,以便在访问网站时显示带有文本“Hello World”的10个H1。

您可以执行以下操作:

const h1='Hello World!';
for(设i=0;i<10;i++){
$('#container')。追加(h1);
}

您实际上只需要将for循环与DOM操作结合起来:

for(设i=0;i<10;i++){
常量ele=document.createElement(“h1”);
ele.innerHTML=“你好,世界!”;
文件.正文.附件(ele);

}
为了给您更多的灵活性,您可以使用上面发布的解决方案()并将代码包装到函数中。例如:

const makeElements = (elName, times) => {
for (let i = 0; i < times; i ++) {
    const ele = document.createElement(elName);
    ele.innerHTML = "Hello, world!";
    document.body.appendChild(ele);
 }
};

我在这个问题上没有看到jquery标记?没有jquery也是一样的原理,只是选择容器来附加h1s的机制不同。好吧,我们来写一下。
document.addEventListener('DOMContentLoaded', () => {
 makeElements('h1', 10);
});