我正在尝试编写一个函数,在第一次单击时将按钮的文本颜色更改为红色,第二次单击时更改为绿色,第三次单击时更改为黑色(以此类推)。我的想法是,通过一条if else
语句来检查按钮的颜色,然后更改它,就可以相当简单地实现这一点。我已经让颜色在第一次点击时变得很好,但我似乎不能在下一次点击时得到任何结果。到目前为止,我有一系列包含onclick = "changeColor(this)
和call的按钮:
function changeColor(alphaButton) {
if (alphaButton.style.color == "black") {
alphaButton.style.color = "red";
} else if (alphaButton.style.color == "red") {
alphaButton.style.color = "green";
} else if (alphaButton.style.color == "green") {
alphaButton.style.color = "black";
}
}
if
语句工作得很好,但我不确定为什么它在此之后不能工作。任何帮助都将不胜感激!
更新
好了,解决了这个问题。似乎我没有正确地设置我的文本颜色(尽管我认为我已经正确地设置了内联)。现在一切都运行得很完美了。尽管如此,我仍然假设黑色文本会自动读取为黑色文本,而不会被指定为黑色文本。这绝对是一种既令人沮丧又耗时的方式来了解事实并非如此。
https://stackoverflow.com/questions/50751609
复制相似问题