Nie można pobrać wartości właściwości margin z wyniku getComputedStyle
Wynik agetComputedStyle
zawiera właściwość o nazwie „margin”, ale właściwość jest zawsze pustym łańcuchem (""
) w Mozilla Firefox lub Apple Safari; jednak w Internet Explorerze (i Google Chrome) właściwość marginesu zawiera oczekiwaną wartość (nawet w IE 6). Ten sam wynik jest zwracany podczas używaniagetPropertyValue("margin")
metoda zwróconego obiektu.
Jak mogę uzyskać obliczoną wartość marginesu w Firefoksie i Safari?
var el = document.body.appendChild(document.createElement('div'));
el.style.margin = '2px';
console.log(getComputedStyle(el, null).margin === ""); // false in IE and Chrome
console.log(getComputedStyle(el, null).getPropertyValue("margin") === ""); // same