Css onClick背景颜色变化

我从dart开始，我得到了我的第一期

当有人点击它时，我想做一个着色行

默认情况下，我的背景颜色为白色，当我单击它时，它会变为黄色，但当我单击它时，它不会再次变为白色

代码：

void changeText（MouseEvent事件）{
if（querySelector（“#Column_1”）.style.backgroundColor=='Yellow'）
querySelector（“#Column_1”）.style.backgroundColor='White'；
else查询选择器（“列1”）.style.backgroundColor='Yellow'；
}

即使将值设置为大写，也会返回小写值。如果它们不相同，则比较失败

void changeText(MouseEvent event) {
  var col = querySelector('#Column_1'); 
  if(col.style.backgroundColor.toLowerCase() == 'white') {
    col.style.backgroundColor = 'yellow';
  } else {
    col.style.backgroundColor = 'white';
  }
}

我不知道为什么我以前没有从style属性中获得任何值，但现在这对我来说很有用

无论如何，我建议使用CSS和类

当您将其放入HTML的

或CSS文件（如果您使用CSS文件）中时

I.当选{
背景颜色：黄色；
}

并将

textChange

方法更改为

void changeText（MouseEvent事件）{
var col=querySelector（“#Column_1”）.classes.toggle（“isSelected”）；
}

---

你应该能得到你想要的效果。

你想在jquery或javascript中使用它吗？？我更新了我的答案。先前的建议仍然是可取的。