问使用JS函数多次更改HTML按钮文本颜色

EN

我正在尝试编写一个函数，在第一次单击时将按钮的文本颜色更改为红色，第二次单击时更改为绿色，第三次单击时更改为黑色(以此类推)。我的想法是，通过一条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语句工作得很好，但我不确定为什么它在此之后不能工作。任何帮助都将不胜感激！

更新

好了，解决了这个问题。似乎我没有正确地设置我的文本颜色(尽管我认为我已经正确地设置了内联)。现在一切都运行得很完美了。尽管如此，我仍然假设黑色文本会自动读取为黑色文本，而不会被指定为黑色文本。这绝对是一种既令人沮丧又耗时的方式来了解事实并非如此。