时间戳

首页 > 解决方案 > 如何检查 div 是否为空？

javascript - 如何检查 div 是否为空？

问题描述

我正在尝试制作井字游戏。下面的代码将 X 或 O 添加到一个框，但是，我想添加一个条件，表明只有在其为空时才将其更改为 X 或 O。

“ && (id.innerHTML="") ”是代码中破坏代码的部分。当我添加它时，单击时没有任何反应。我也尝试使用 .getElementById ，但没有成功。

function changeText(id) { 
  if ((turnTrueFalse()===true)&& (id.innerHTML="")){
    id.innerHTML = "X";
    document.getElementById("parag").innerHTML ="Player Two's Turn!";
    addClick();
    setTimeout(winnerAlert, 100);
  }else if ((turnTrueFalse()===false) && (id.innerHTML="")){
    id.innerHTML = "O";
    document.getElementById("parag").innerHTML ="Player One's Turn!"; 
    addClick();
    setTimeout(winnerAlert, 100);
  }
};

标签： javascripthtml

解决方案

您可以使用id.innerHTML来检查 div 是否为空。

您提供的示例使用分配运算符=而不是比较运算符==或===.

从文档：

相等 (==) 相等运算符转换操作数，如果它们不是同一类型，然后应用严格比较。如果两个操作数都是对象，那么当操作数引用内存中的同一个对象时，JavaScript 会比较相等的内部引用。

这是W3Schools关于比较运算符的文章的有用链接。

推荐阅读