Javascript 从父节点删除子节点

1-我正在使用JS添加Div容器，但一旦它们的计数器跨越“5”，我想从[0]索引中逐个删除这些Div容器

2-以下是我到目前为止所做的。我甚至得到了childNodes的编号，但我无法删除这些节点

var计数器=0；
函数add_div（）{
var mainDiv=document.getElementById（“主div”）；
var divi=document.createElement（“DIV”）；
divi.setAttribute（“ID”、“div_ID”）；
divi.style.backgroundColor=“红色”；
divi.style.height=“50px”；
divi.style.width=“50px”；
divi.style.margin=“20px”；
主要分部（分部）；
文件.正文.附件（mainDiv）；
document.body.style.backgroundColor=“蓝色”；
计数器+=1；
document.getElementById（“count”）.innerHTML=计数器；
//读取节点
var ch=document.getElementById（“主div”）.childElementCount；
document.getElementById（“demo”）.innerHTML=“子节点数：”+ch；
//反支票
如果（计数器>5）{
mainDiv.removeChild（mainDiv.childNodes[0]）；
//mainDiv.parentNode.removeChild（mainDiv）；
}
}

添加DIV

我首先将计数器递减，以更新负值和正值。然后我设置了一个参数来检测代码是否在递减。当计数器达到5时，减量设置为

true

，当计数器向5移动时，减量设置为

false

然后你的div被添加到一个数组中，我们使用a遍历数组，一个一个地删除div，直到达到0，减量被设置回false

var计数器=0；
让减量=假；
函数add_div（）{
如果（！减量）{
var mainDiv=document.getElementById（“主div”）；
var divi=document.createElement（“DIV”）；
divi.setAttribute（“ID”、“div_ID”）；
divi.style.backgroundColor=“红色”；
divi.style.height=“50px”；
divi.style.width=“50px”；
divi.style.margin=“20px”；
主要分部（分部）；
文件.正文.附件（mainDiv）；
document.body.style.backgroundColor=“蓝色”；
计数器++；
document.getElementById（“count”）.innerHTML=计数器；
}
//反支票
如果（计数器>5）{
减量=真；
}
如果（counter）按您的意愿删除DIV，有什么问题吗？当您删除DIV时，您永远不会减少
counter
。此外，在删除DIV之前，您会显示
子节点数
，因此计数包括已删除的DIV。谢谢您的回答！我没有考虑添加标志：）没问题（：很高兴提供帮助