javascript - 使用 JavaScript 更改背景颜色

Question

我有一个包含 n * n 个 div 的主 div，这些 div 具有黑色背景或白色背景。

我希望他们通过点击主 div 来改变他们的 BGcolor。

这是我的代码(显然不起作用)。

    function invert(){


   var divs = document.getsElementsByTagName("div");

   for(i=0; i<divs.length; i++){
          if(divs[i].style.backgroundColor=="black")
          {
            divs[i].style.backgroundColor="white";
          }
          else if (divs[i].style.backgroundColor=="white") 
          {
            divs[i].style.backgroundColor="black";
          }



   }

}

Answer 1

如果您没有明确设置背景颜色，它可能仍然是 ""(至少我在 Firefox 中看到的是这样)，所以您的 if 条件都不匹配。

相反，如果您检测到当前颜色未设置，您也可以切换为黑色:

var color = divs[i].style.backgroundColor;  
if (color === "black")
    divs[i].style.backgroundColor = "white";
else if (!color || color === "white") 
    divs[i].style.backgroundColor = "black";