Javascript 未捕获类型错误：无法设置属性'；innerHTML'；在我再次尝试后返回空值

我已经阅读了许多关于我问题的答案，但没有一个答案有任何改变。 我的问题是，当我按下“重置”按钮时，它会重置，但并没有显示它应该显示的所有信息。由于某些原因，它找不到我要更改的行的id

简而言之：我按下“重置按钮”后会出现错误

名称1
姓名2
名字3
名字4
名字5
名字6
姓名7
姓名8
随机化
重置
玩家：

玩家总数：0
第一小组：

第2小组：

变量名称=[]；
var Team1=[]；
var Team2=[]；
函数SetName（名称已单击）{
如果（！（名称.包括（名称单击）））{
name.push（name单击）；
}否则{
var DeleteNamePos=Names.indexOf（NameClicked）；
接头名称（删除名称位置，1）；
}
document.getElementById（“随机名称”）.innerHTML=名称；
document.getElementById（“TotalMembers”）.innerHTML=Names.length；
}
函数随机化（）{
var i=1；
当（i打开
Reset（）
函数时，您已经使用
innerHTML
将html数据设置为
TotalPlayers
和
Spelers
选择器。
因此，内部span标记、
TotalMembers
和
RandomNames
选择器被删除

要重置数据，需要将
TotalMembers
和
RandomNames
选择器设置为空，如下所示


var name=[]；
var Team1=[]；
var Team2=[]；
函数SetName（名称已单击）{
如果（！（名称.包括（名称单击）））{
name.push（name单击）；
}否则{
var DeleteNamePos=Names.indexOf（NameClicked）；
接头名称（删除名称位置，1）；
}
document.getElementById（“随机名称”）.innerHTML=名称；
document.getElementById（“TotalMembers”）.innerHTML=Names.length；
}
函数随机化（）{
var i=1；
当（i通过
Reset（）
函数重置值时，您删除了内部元素，如
RandomNames
和
TotalMembers
。作为一种解决方法，您可以在重置时再次添加这两个元素


var name=[]；
var Team1=[]；
var Team2=[]；
函数SetName（名称已单击）{
如果（！（名称.包括（名称单击）））{
name.push（name单击）；
}否则{
var DeleteNamePos=Names.indexOf（NameClicked）；
接头名称（删除名称位置，1）；
}
document.getElementById（“随机名称”）.innerHTML=名称；
document.getElementById（“TotalMembers”）.innerHTML=Names.length；
}
函数随机化（）{
var i=1；
而（i当您最初设置DOM时，您有玩家：
。请注意，ID=RandomNames的元素是ID=“Spelers”的元素的子元素。当您执行reset（）或randomize（）时，这一行将显示document.getElementById（“Spelers”）.innerHTML=“团队是：”；因为删除了元素…所以应该重置
0
，而不是重置innerHTML