javascript - 复制要在 JavaScript 中迭代的 div 的最佳方法是什么？

Question

我在 JavaScript 中使用 div 来测试 JavaScript 的交叉点观察器 api ( https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API )。我本质上是在测试当 div 进入视口时它能够检测到它们的能力。我要测试的另一件事是交叉点观察者 api 处理大量 div 的能力。目前我有 30 个手动复制的 div，如下所示：

<div id="one">1</div>
<div id="two">2</div>
<div id="three">3</div>
<div id="four">4</div>
<div id="five">5</div>

我的目标是真正推动这个测试并且可能有 500 多个 div，但认为我必须手动输入 500 多个 div 似乎有点愚蠢。我想知道是否有更简单的方法来实现这个数量的多个 div？我在网上阅读并看到人们谈论为它编写脚本，但没有详细说明或可用的示例会有所帮助，因为我不完全理解它是如何工作的。

标签： javascripthtmlintersection-observer

Answer 1

您可以使用document.createElement。