Javascript/JQuery要素のライブ/実際の色を変更した後に取得する方法

Question

各行には一意のIDを持つ多数の行があるテーブルがあります。ユーザーが行をクリックすると、選択された行の色が変更されます。ジャバスクリプトが正常に背景色を変更すると元の行の色は、これは、元のを表示

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

、どのように私は、JavaScriptを使用して新しい色の値を取得するか、「#EBEBEB」

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 
});