javascript - onclick改变div的背景

Question

我有一个 div 更改背景的问题，但我还需要它在应用背景颜色后变回。

代码:JavaScript:

function myFunction() { 
    if (document.getElementById("demo").style.background == "#ff77ee") {
    document.getElementById("demo").style.background = "#000";
} else{
    document.getElementById("demo").style.background = "#ff77ee";
}
}

代码:HTML:

<div id="demo" onclick="javascript:myFunction();"></div>

代码:样式:(在我的索引文件中)

#demo{
    background: #000;
    width: 200px;
    height: 200px;
}

我想要它做的是我想点击将背景颜色更改为粉红色。然后，如果我再次点击它，我希望颜色为原始颜色 - 黑色。

Answer 1

试试这段代码:

function myFunction() { 
    var e = document.getElementById("demo");
    var c = window.getComputedStyle(e).backgroundColor;
    if (c === "rgb(0, 0, 0)") {
    document.getElementById("demo").style.background = "#ff77ee";
} else{
    document.getElementById("demo").style.background = "#000";
}
}

DEMO