Javascript 如何根据位置在div中添加和删除子级？

我的以下代码是：

JavaScript中删除每个不可见div的最佳方法是什么？如果div变得可见，则添加该div

例如，如果我在数据中添加3000个div，那么它很可能会延迟页面，因此我尝试提出一个解决方案，只呈现容器中可见的内容

---

谢谢

CSS是否隐藏了div？您似乎在寻找的是所谓的延迟加载。有几个jQuery插件可以做到这一点，但我并不熟悉纯Javascript的脚本。不。。。div不是隐藏的，是的，我知道它需要某种JavaScript，但不确定如何实现。虽然为了使滚动条不乱，我可能需要用空行或其他东西来替换div。

<div id="container">
    <div id="data">
        <div>some random text</div>
        <div>more random text</div>
        <div>random</div>
        <div>text</div>
        <div>sdads</div>
        <div>sdads</div>
        <div>sdads</div>
        <div>sdads</div>
        <div>sdads</div>
        <div>sdads</div>
        <div>sdads</div>
        <div>sdads</div>
        <div>sdads</div>
        <div>sdads</div>
        <div>sdads</div>
        <div>sdads</div>
        <div>sdads</div>
        <div>sdads</div>
        <div>sdads</div>
        <div>sdads</div>
        <div>sdads</div>
        <div>sdads</div>
    </div>
</div>