使用javascript

Question

我想在单击按钮时更改单元格颜色。这是我目前的代码。 （我对此非常陌生，只是搞乱了事情）

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

如果当前颜色为黄色（我确实这样做），我试图将'changeColorId'的背景颜色更改为绿色。但是，如果我再次单击该按钮，我还希望将其更改为蓝色，我将如何进行此操作？

Answer 1

要进行比较，请使用等于运算符 ==，因为=是归因。有关详情，请参阅Documentation。

此外，要访问元素的css，您必须访问style属性，然后访问camelcase中的属性：

  

的document.getElementById（＆＃39; elementId ＆＃39）。式的属性

我认为您想要达到的目标是：

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

Answer 2

语法

  

的document.getElementById（＆＃34; changeColorId＆＃34）。BGCOLOR

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

  

的document.getElementById（＆＃34; changeColorId＆＃34）。style.color

请检查html页面中的代码，简单位置代码。

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

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

> </div>

    
         function changeColor() {
         var elementStyle = document.getElementById("changeColorId").style;

         if(elementStyle.backgroundColor == "yellow"){
            elementStyle.backgroundColor = "green";
          } 
           else if(elementStyle.backgroundColor == "green"){    
               elementStyle.backgroundColor = "blue";
          }
          else {
            elementStyle.backgroundColor = "yellow";
          }

        }