Javascript:比较由 javascript 设置的 backgroundColor

Question

如何比较元素的背景颜色，当使用 javascript 设置颜色时，我想要一个切换背景颜色的函数:

function toggleBgColor() {
    if(document.getElementById("id").style.backgroundColor === "blue"){
        document.getElementById("ide").style.backgroundColor = "red");
    }else{
        document.getElementById("ide").style.backgroundColor = "blue");
    }
}

问题是比较总是错误的，所以我的背景总是蓝色，但它希望在调用函数时颜色从蓝色切换到红色，反之亦然

Answer 1

使用 Window.getComputedStyle() — https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle .