我正在使用HTML/CSS/JS编写一个UltraTicTacToe游戏。它是由嵌套在表格中的表格组成的。当你点击X或O时,我希望下一个TicTacToe表格/游戏被突出显示。我想重置突出显示的表格/游戏为白色,并突出显示另一个表格/游戏。我目前尝试使用一个函数来将所有表格的背景颜色设置为白色,然后将特定的表格设置为黄色,但它拒绝为我工作...有什么想法吗?
function tableReset() {
document.getElementByClassName('tabler').style.backgroundColor = 'white';
}
function hide1() {
document.getElementById('o1').style.display = 'none';
}
function reSize1() {
document.getElementById('x1').style.width = '100%';
}
function nextMove1() {
document.getElementById('st1').style.backgroundColor = 'yellow';
}
<table class="tabler" id="st1">
<tr class="topmid">
<td>
<button type="button" class="x" id="x1" onclick="hide1(); reSize1(); tableReset(); nextMove1();">X</button>
<button type="button" class="o" id="o1" onclick="hide2(); reSize2(); tableReset(); nextMove1();">O</button>
</td>
document.getElementByClassName()
返回一个NodeList
,而不是单个元素。 - Phil