Получение значения элемента CSS

Question

Может кто-нибудь сказать мне, в чем проблема с этим фрагментом JS?Я пытаюсь присвоить значение 'margin-top контейнера переменной m.

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

edit: оповещение предназначено для отображения значения m

Answer 1

Вы можете попробовать использовать эту простую функцию:

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

Answer 2

Попробуйте:

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

Кроме того, будьте осторожны с переменной областью действия.m не будет определено за пределами test().