井字棋游戏中如何清除block类div内容？代码问题求助

嘿，我知道你遇到的问题了！你的Refresh按钮代码只清空了第一个方块的内容，这是因为document.querySelector('.block')只会选中第一个匹配.block选择器的元素，剩下的8个方块根本没被触及到。

正确的清空所有方块的代码 #

你需要用document.querySelectorAll('.block')来获取所有class为block的元素，然后遍历每个元素清空它们的内容：

// 先确保正确获取Refresh按钮元素
const refreshbtn = document.getElementById('refresh');

refreshbtn.addEventListener('click', e => {
  // 遍历所有block元素并清空内容
  document.querySelectorAll('.block').forEach(block => {
    block.innerHTML = '';
  });
  
  // 别忘了重置游戏状态变量！
  move = 0;
  turn = 1; // 这里根据你游戏的初始turn值调整，比如你原来的初始turn是1的话
});

额外提醒 #

• 确认你已经正确获取了refreshbtn元素，要是没获取到的话，点击事件根本不会触发。
• 一定要重置move和turn这些游戏状态变量，不然下次开始游戏时会接着之前的步数和回合走，导致逻辑混乱。

为什么原来的代码不生效？ #

document.querySelector('.block')返回的是DOM中第一个class为block的元素（也就是block_0），所以你只清空了第一个方块，其他方块的内容还留在原地，看起来就像按钮没生效一样。

内容的提问来源于stack exchange，提问作者Lovely Joy Figueras