Javascript 改变 Div 样式

Question

我希望第 1 部分 onclick div 样式发生变化，第 2 部分 再次单击它会恢复正常。我尝试这样做，但未能获得 part 2 结果。

以下是Javascript代码

function abc() {
    document.getElementById("test").style.color="red";
}

再次单击测试 div 后，颜色应恢复为默认颜色，即黑色...

Answer 1

function abc() {
    var color = document.getElementById("test").style.color;
    if (color === "red")
         document.getElementById("test").style.color="black";
    else
         document.getElementById("test").style.color="red";
}