htmlテーブルに割り当てられたCSS属性を取得する方法は？

Question

私は、各行にいくつかのスタイルクラス（サーバーサイドコードを介して動的に）が割り当てられているHTMLテーブルを持っています。

HTMLは次のようになります。

<tr id= "2977" class ="x y z a b c" > 

私は、行の背景色にアクセスするためにこれを使用しています：

document.getElementById("2977").style.backgroundColor 

をしかし、私はスタイル属性のいずれかを読み取ることができないのです。上記の行はnullを返します。 Chromeの行要素を調べると、行の16進数の色が表示されます。

要素の現在の背景色を読み取るにはどうすればよいですか？

Answer 1

このhttp://jsfiddle.net/UvYxc/ HTML

取り組んでいる

<table> 
    <tr style="background:red;" id= "2977" class ="x y z a b c" > 
     <td>RED</td> 
    </tr> 
</table> 

JS

document.getElementById("2977").style.backgroundColor="blue" 
alert(document.getElementById("2977").style.backgroundColor);​ 

それとも

document.getElementById("2977").className += " blue"; 
document.getElementById("2977").className += " red"; 

function getStyle(el, cssprop){ 
    //IE 
    if (el.currentStyle) 
     return el.currentStyle[cssprop] 
    //Firefox 
    else if (document.defaultView && document.defaultView.getComputedStyle) 
     return document.defaultView.getComputedStyle(el, "")[cssprop] 
    else //try and get inline style 
     return el.style[cssprop] 
} 

var el = document.getElementById("2977"); 
alert(getStyle(el, "backgroundColor")); 
alert(getStyle(el, "color")); 

フィドルhere

Answer 2

次の方法でスタイル属性を読み取ることができますか？あなたが使用することができればまた

document.getElementById("2977").getAttribute("style"); 

、jQueryのコードは、右私のために実際に見える

$('#2977').css('background-color'); 

Answer 3

を試してみてください。たぶん詳細があれば、私はあなたを助けることができます。

Answer 4

ページがロードされた後、あなたはJavascriptを実行しています。

テストとしてこれを試してみてください：

function init() { 
    document.getElementById("2977").style.backgroundColor = "black"; 
    alert(document.getElementById("2977").style.backgroundColor); 
} 
window.onload = init; 

Answer 5

あなたはこのような何かを行うことができます任意のjavascriptのLIBSに使用しないことを探しているなら：

row = document.getElementById("2977") 
var bgStyle = window.getComputedStyle(row).getPropertyValue("background-color"); 

を私はすぐにこれを見て、私は落とし穴があるかどうかわからない。