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

我试图在单击按钮时更改单元格颜色。这是我目前的密码。（我对这很陌生，只是在胡闹）

---

如果当前颜色为黄色，我尝试将“changeColorId”的背景色更改为绿色（确实如此）。但是，如果我再次单击按钮，我也希望它变为蓝色，我将如何执行此操作？

要进行比较，请使用相等运算符

=

，因为

=

是属性。更多信息，请参阅

此外，要访问元素的css，您必须访问

style

属性，然后是camelcase中的属性：

document.getElementById（'elementId'）.style.property

我认为你想要达到的是：

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

---

要进行比较，请使用相等运算符

=

，因为

=

是属性。更多信息，请参阅

此外，要访问元素的css，您必须访问

style

属性，然后是camelcase中的属性：

document.getElementById（'elementId'）.style.property

我认为你想要达到的是：

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

语法

document.getElementById（“changeColorId”）.bgColor

以下是获取元素颜色属性的正确语法

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=“绿色”； } else if（elementStyle.backgroundColor==“绿色”）{ elementStyle.backgroundColor=“蓝色”； } 否则{ elementStyle.backgroundColor=“黄色”； } } 语法

document.getElementById（“changeColorId”）.bgColor

以下是获取元素颜色属性的正确语法

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=“绿色”； } else if（elementStyle.backgroundColor==“绿色”）{ elementStyle.backgroundColor=“蓝色”； } 否则{ elementStyle.backgroundColor=“黄色”； } }

---

您想只在javascript中执行此操作，还是愿意使用jquery？此函数在什么上下文中工作？i、 你的HTML是什么？检查下面两个答案，指出代码中的两个问题。首先是用赋值输入的相等运算。第二个是对backgroundColor的正确属性调用。您是只想在javascript中执行此操作，还是愿意使用jquery？此函数在什么上下文中工作？i、 你的HTML是什么？检查下面两个答案，指出代码中的两个问题。首先是用赋值输入的相等运算。第二个是对backgroundColor的正确属性调用。不，

=

仅在

if

中足够，而

=

仅在

if

中足够