Question

我有一个包含许多行的表，每个行都有一个唯一的ID。当用户单击某行时，它会更改行的颜色以使其行为与已选择的行为相同。原始行颜色为“#EBEBEB”

@RequestMapping(method = RequestMethod.POST, produces = "text/html")
public String infoSubmit(@RequestParam("info") Information information) {
        return "infoResult.html";
}

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

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

这显示其原始值，它现在是一种不同的颜色。

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>

Answer 2

这是一个改变颜色和显示颜色的jQuery实现。不幸的是，由于CSS中的颜色是如何完成的，你将无法获得“灰色”。但是，您可以使用所有不同的预定义颜色进行关联数组并查找（如果您希望我查看，请发表评论）。

$(document).click(function () {
    $("#bar").css("background","gray"); //changes the color to gray
    alert($("#bar").css("background-color")); //makes a popup that displays the color
});

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

2 个答案: