Javascript/JQuery 如何在更改后获取元素的实时/实际颜色

Question

我有一个包含许多行的表，每行都有一个唯一的 ID。当用户单击一行时，它会更改该行的颜色，就像它被选中一样。原始行颜色为“#EBEBEB”

document.getElementById("selector" + iSelected).style.backgroundColor = '#F1F7DB';

当 JavaScript 成功更改背景颜色时，我如何使用 JavaScript 检索其新颜色的值，

alert(document.getElementById('selector' + iSelected).style.backgroundColor);

这显示了它的原始值，尽管它现在是不同的颜色。

Answer 1

尝试这样的事情:

window.addEventListener("click",function(){
document.getElementById("bar").style.background="rgb(69,69,69)";
alert(document.getElementById("bar").style.background);

})

#bar{width:100px;
height:100px;
background:pink;}

<div id="bar"></div>