CSS要素の値を取得する

Question

JSのこのスニペットの問題は誰にでも分かりますか？私はコンテナのmargin-topの値をm変数に代入しようとしています。

function test() 
{ 
    var e = document.getElementById('container'); 
    var m = e.style.getPropertyValue("marginTop"); 
    alert (m);   
} 

編集：あなたの変数のスコープを持つように注意して、また

function getStyle(elment, style) { 
    var x = document.getElementById(element); 

    if (x.currentStyle) { 
     var y = x.currentStyle[style]; 
    } else if (window.getComputedStyle) { 
     var y = document.defaultView.getComputedStyle(x, null).getPropertyValue(style); 
    } 

    return y; 
} 

function test() { 
    var m = getStyle('container', 'margin-top'); 
    alert(m); 
} 

：アラートがこれを試してみてくださいメートル

Answer 1

の値を表示するように意図されました。 mはtest()の外には定義されません。

Answer 2

あなたはこの単純な関数を使用して試すことができます：

function test() 
{ 
    var e = document.getElementById('container'); 
    var m = getStyle(e, "marginTop"); 
    alert ('hi ' + m);  
} 

function getStyle(el,styleProp) 
{ 
    if (el.currentStyle) 
     var y = el.currentStyle[styleProp]; 
    else if (window.getComputedStyle) 
     var y = document.defaultView.getComputedStyle(el,null).getPropertyValue(styleProp); 
    else 
     var y = el.style[styleProp]; 
    return y; 
}