rgba在javascript中不起作用，否则

您好，我有这个代码，如果在javascript和它的作品完美的普通颜色，如绿色，红色等，但不是在rgba。。请帮帮我。这是我的片段

<div id="div" onclick="color()" style="width:100px; height:100px; border:2px solid black; background-color:rgba(0, 255, 51, 0.33)"></div>

<script>
function color(){
    if(document.getElementById("div").style.backgroundColor == "rgba(0, 255, 51, 0.33)"){
    document.getElementById("div").style.backgroundColor="rgba(0, 153, 255, 0.33)";
    }
    }
</script>

函数颜色（）{
if（document.getElementById（“div”）.style.backgroundColor==“rgba（0，255，51，0.33）”）{
document.getElementById（“div”）.style.backgroundColor=“rgba（0153255，0.33）”；
}
}

Chrome将

rgba

值更改为

rgba（0，255，51，0.329412）

，因此您的

if

语句中没有匹配项

如果改用类，您将有一个更轻松的时间

---

函数颜色（）{
var d=document.getElementById（“div”）；
if（d.classList.contains（“on”））{
d、 类列表。添加（“关闭”）；
d、 类列表。删除（“打开”）；
}否则{
d、 类列表。添加（“on”）；
d、 类列表。删除（“关闭”）；
}
}

那么运行此函数时会发生什么情况？如果的话，您可以删除

，或者函数还有其他功能吗？请进行一些调试。查看
console.log（document.getElementById（“div”）.style.backgroundColor）
显示的内容。颜色不会像@ExplosionPills建议的那样改变-尝试删除
if
语句。当你这样做时，颜色会改变吗（你称之为
color（）
fuction…）？谢谢，这对我帮助很大
#div {
    width:100px; 
    height:100px; 
    border:2px solid black;
}
.on {
    background-color:rgba(0, 255, 51, 0.33);
}
.off {
    background-color:rgba(0, 153, 255, 0.33);
}

<div id="div" onclick="color()" class="on"></div>

<script>
function color(){
    var d = document.getElementById("div");
    if (d.classList.contains("on")) {
        d.classList.add("off");
        d.classList.remove("on");
    } else {
        d.classList.add("on");
        d.classList.remove("off");
    }
}
</script>