javascript - 如何跟踪我的 Javascript 的更改？

Question

我有一段文字，当你点击它时，背景颜色变成绿色，如果你再次点击它，它变成红色，然后再点击它又变回白色。我已成功链接我的 javascript 以将颜色更改为绿色，但我无法弄清楚如何跟踪对 javascript 的更改以识别它是绿色，然后将其更改为红色。

我的是这样的:

<script type="text/javascript">
function change_color($id){

    var link = document.getElementById('link-'+$id);

    var color = link.style.backgroundColor;
    if (color == "green"){
    link.style.backgroundColor="red";
    }if (color == "red"){
    link.style.backgroundColor="white";
    }if (color == "white"){
    link.style.backgroundColor="green";
    }else{
    link.style.backgroundColor="green";
    }

}

</script>

当我运行程序时，它只使用了我认为的 else 语句。我如何跟踪当前的 backgroundColor 以激活上述 if 语句？

Answer 1

如果颜色是绿色，则将其设置为红色。然后下一个条件检查红色(现在为真)并再次更新颜色。

考虑使用 switch语句而不是 if/else 语句。