Question

我正在尝试使用JavaScript将表格的颜色从蓝色变为红色。

   function change(idElement){
  var element = document.getElementById(idElement);

    if(element.style.background = "#00BFFF")
        element.style.background = "#800000";


   else{
        element.style.background = "#00BFFF";
}

 }

这是我的JavaScript代码。它会改变颜色一次，但是当我点击时我想再次改变它的颜色。

Answer 1

第一个问题 - 分配与平等

你的第一个问题是你使用的是一个始终赋值的等号，而不是将值作为条件检查：

if(element.style.background = "#00BFFF")

应该是

if(element.style.background === "#00BFFF")

第二个问题 - 规范化颜色格式

第二个问题是，在某些浏览器中，您可以设置元素的背景颜色，但是当您查询它时，您将以标准化格式看到它。例如，在Chrome中，如果您打开开发工具并运行以下命令document.body.style.backgroundColor = "#FF0000"，您将看到背景变为红色，如您所料。但是，如果您立即键入document.body.style.backgroundColor，它会将rgb格式的颜色报告为rgb(255, 0, 0)。

使用JavaScript更改表格的颜色

1 个答案: