Javascript改变Div风格 [英] Javascript change Div style

问题描述

我希望第1部分 onclick div样式更改，第2部分再次点击它恢复正常。我试过这样做，但我没有达到第2部分的结果。

I want that part 1 onclick div style changes and part 2 again on click it comes back to normal. I tried doing so but I failed to achieve the part 2 results.

以下是Javascript代码

Following is the Javascript code

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

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

After clicking the test div again, color should come back to defaulr color i.e. black...

推荐答案

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";
}

这篇关于Javascript改变Div风格的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！