如何在页面上轻松地重复一个html元素数千次?

How can I easily repeat an html element on a page thousands of times?

本文关键字：元素 html 一个 千次      更新时间：2023-09-26

如何重复一个HTML元素数千次并将每个元素附加到我的网页?

例如，假设我想在我的页面上显示相同的单词testing 1000次。我是否需要在源代码中写出<p>testing</p>一千次，或者我可以使用JavaScript函数:

for (var i = 0; i < 1000; i++) {
   <p>testing</p>
}

更容易附加testing到我的网页1k次?

不是最好的答案。但这很好。好，简单的方法。

<p id="sample"></p>
<script type="text/javascript">
    for (i = 0; i < 1000; i++)
    {
        document.getElementById("sample").innerHTML += "<br>TEST";
    }
</script>

您可以尝试添加到您的页面的<body>标记的innerHTML 

for (var i=0; i<1000; i++) {
  document.getElementsByTagName('body')[0].innerHTML += '<p>word</p>';
}

document指的是你的页面。

getElementsByTagName('body')[0]用<body>标签抓取页面上的所有元素(其中应该只有1个)，并将它们放入数组中。[0]从数组中获取第一个(0-index)元素。

innerHTML指的是元素内部的HTML。

所以你要抓取页面上所有的<body>标签，选择第一个，并将<p>word</p>附加到其内部HTML 1000次。

相关文章：