Javascript 如何设置常规元素的背景色，然后使用一个事件（onclick）设置特定元素（同类）的背景色？

所以我有一个UltraTictoe游戏，我用HTML/CSS/JS编码。它是由表中的表和表中的表组成的。当你点击X或O时，我想要下一个你应该进入的Tictatcoe桌子/游戏高亮显示。我想将突出显示的桌子/游戏重置为白色，并突出显示另一个桌子/游戏。我目前正试图通过使用一个函数将所有表格的背景色设置为白色，然后将特定表格的背景色设置为黄色来实现这一点，但它拒绝为我工作。。。有什么想法吗

函数tableReset（）{
document.getElementByClassName（'tabler'）.style.backgroundColor='white'；
}
函数hide1（）{
document.getElementById（'o1'）.style.display='none'；
}
函数reSize1（）{
document.getElementById（'x1'）。style.width='100%'；
}
函数nextMove1（）{
document.getElementById（'st1'）.style.backgroundColor='yellow'；
}

X
O

getElementsByClassName

返回一个

HTMLCollection

。您可以使用

document.getElementsByClassName（'tabler'）[0]

获取其第一个元素，也可以使用

getElementById

函数tableReset（）{
//document.getElementsByClassName（'tabler'）[0].style.backgroundColor='white'；
//或
document.getElementById（'st1'）.style.backgroundColor='white'；
}
函数hide1（）{
document.getElementById（'x1'）.style.display='none'；
}
函数hide2（）{
document.getElementById（'o1'）.style.display='none'；
}
函数reSize1（）{
document.getElementById（'x1'）。style.width='100%'；
}
函数reSize2（）{
document.getElementById（'o1'）。style.width='100%'；
}
函数nextMove1（）{
document.getElementById（'st1'）.style.backgroundColor='yellow'；
}

X
O

如果其他人遇到此问题，此选项将选择所有选项

var myNodelist=document.queryselectoral（“表”）；
var i；
对于（i=0；i}

切换类….

document.getElementByClassName（）

返回一个

节点列表，而不是一个元素。那么有没有办法选择所有表？这就是我最后使用的，它可以工作！谢谢你的帮助！var myNodelist=document.queryselectoral（“表”）；var i；对于（i=0；i