Javascript 删除由函数创建的所有内容

如何删除函数创建的所有内容（在我的示例中，单击按钮）。我的目标是在单击代码上的按钮“重置”时，删除由函数

createBoard（）

创建的所有内容。一旦我单击了我想要重新启动的按钮

createBoard（）

，我想我可以通过删除它创建的内容，然后再次调用它来实现这一点，只需单击一个按钮

代码：

//jshint esversion:6
document.addEventListener（“DOMContentLoaded”，（）=>{
const grid=document.querySelector（“.grid”）；
设平方=[]；
让硬币=0；
函数createBoard（）{
for（设i=0；i<100；i++）{
const square=document.createElement（'div'）；
square.setAttribute（“id”，i）；
square.setAttribute（“类”、“迷你方”）；
子网格（正方形）；
正方形。推（正方形）；
}
const miniSquares=document.queryselectoral（“.miniSquare”）；
函数onClick（）{
const minedArray=[“比特币”、“摇滚”、“摇滚”、“摇滚”、“摇滚”]；
const minedRandomizer=minedArray[Math.floor（minedArray.length*Math.random（））]；
setAttribute（“类”，minedRandomizer）；
此.classList.remove（“miniSquare”）；
if（this.classList.contains（“比特币”））{
硬币++
document.querySelector（“p”）.innerHTML=硬币；
}
this.removeEventListener（“单击”，再次单击）
}
for（设i=0；i
.grid{
高度：500px；
宽度：500px；
显示器：flex；
柔性包装：包装；
背景颜色：绿色；
背景尺寸：封面；
}
小广场酒店{
高度：40px；
宽度：40px；
保证金：3倍；
背景颜色：棕色；
背景尺寸：封面；
}
.洛克{
高度：40px；
宽度：40px；
保证金：3倍；
背景颜色：灰色；
背景尺寸：封面；
}
.比特币{
高度：40px；
宽度：40px；
保证金：3倍；
背景颜色：黄色；
背景尺寸：封面；
}

比特币开采
分数
你一个也没有

刷新
您可以通过使
刷新（）来执行此操作功能如下

function refresh() {
  document.querySelector(".grid").innerHTML = "";
  createBoard();
}

见下面的片段


//jshint esversion:6
document.addEventListener（“DOMContentLoaded”，（）=>{
const grid=document.querySelector（“.grid”）；
设平方=[]；
让硬币=0；
函数createBoard（）{
for（设i=0；i<100；i++）{
const square=document.createElement（'div'）；
square.setAttribute（“id”，i）；
square.setAttribute（“类”、“迷你方”）；
子网格（正方形）；
正方形。推（正方形）；
}
const miniSquares=document.queryselectoral（“.miniSquare”）；
函数onClick（）{
const minedArray=[“比特币”、“摇滚”、“摇滚”、“摇滚”、“摇滚”]；
const minedRandomizer=minedArray[Math.floor（minedArray.length*Math.random（））]；
setAttribute（“类”，minedRandomizer）；
此.classList.remove（“miniSquare”）；
if（this.classList.contains（“比特币”））{
硬币++
document.querySelector（“p”）.innerHTML=硬币；
}
this.removeEventListener（“单击”，再次单击）
}
for（设i=0；i
.grid{
高度：500px；
宽度：500px；
显示器：flex；
柔性包装：包装；
背景颜色：绿色；
背景尺寸：封面；
}
小广场酒店{
高度：40px；
宽度：40px；
保证金：3倍；
背景颜色：棕色；
背景尺寸：封面；
}
.洛克{
高度：40px；
宽度：40px；
保证金：3倍；
背景颜色：灰色；
背景尺寸：封面；
}
.比特币{
高度：40px；
宽度：40px；
保证金：3倍；
背景颜色：黄色；
背景尺寸：封面；
}

比特币开采
分数
你一个也没有

刷新
可能将所有内容包装在一个容器中，然后删除节点？@删除节点是什么意思？@WiseEye删除节点意味着删除父标记。@WiseEye删除容器元素