gpt4 book ai didi

css - onClick背景颜色变化

转载 作者:行者123 更新时间:2023-11-28 12:14:35 26 4
gpt4 key购买 nike

我从 dart 开始,我得到了我的第一个问题。

我想在有人点击时为行着色。

默认我的背景色是白色,当我点击它时它变成黄色,但是当我点击它时它是黄色的,它不会再次变成白色

代码:

 void changeText(MouseEvent event) {
if(querySelector("#Column_1").style.backgroundColor == 'Yellow')
querySelector("#Column_1").style.backgroundColor = 'White';

else querySelector("#Column_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 和类。

当你把它放在 <head> 中时你的 HTML 或者你的 CSS 文件,如果你使用一个

<style>
.isSelected {
background-color: yellow;
}
</style>

并更改您的 textChange方法

void changeText(MouseEvent event) {
var col = querySelector('#Column_1').classes.toggle("isSelected");
}

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

关于css - onClick背景颜色变化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24907666/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com