javascript - 使用JavaScript根据当前颜色切换单元格颜色

我正在尝试单击按钮时更改单元格颜色。这是我当前的代码。 （我对此很陌生，只是在弄乱事情）

function changeColor() {
if(document.getElementById("changeColorId").bgColor = "yellow"){
            document.getElementById("changeColorId").bgColor = "green";
        } else {
            document.getElementById("changeColorId").bgColor = "blue";
        }
    }

我正在尝试将当前颜色为黄色的'changeColorId'的背景颜色更改为绿色（确实如此）。但是，如果我再次单击该按钮，我也希望将其更改为蓝色，我该怎么做？

最佳答案

句法


  document.getElementById（“ changeColorId”）。bgColor


以下是获取元素的color属性的正确语法。


  document.getElementById（“ changeColorId”）。style.color


请检查代码，HTML页面中的简单位置代码将起作用。

> <button onclick="changeColor();"  >Click me</button>

> <div id="changeColorId" style="background-color:yellow">

> </div>

    
         函数changeColor（）{
         var elementStyle = document.getElementById（“ changeColorId”）。style;

         if（elementStyle.backgroundColor ==“黄色”）{
            elementStyle.backgroundColor =“绿色”;
          }
           否则if（elementStyle.backgroundColor ==“ green”）{
               elementStyle.backgroundColor =“蓝色”;
          }
          其他{
            elementStyle.backgroundColor =“黄色”;
          }

        }