<div class="parent">
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
</div>

一个父节点parent下面有很多的子节点child。并且这些子节点是不断增加的。这样就会造成dom元素增多，使网页变得卡顿。所以我想让parent只保留最新的20条子节点child，每次增加就把之前的删除掉。大家有什么好的解决方案吗？