Невозможно получить значение свойства margin из результата getComputedStyle
РезультатомgetComputedStyle
содержит свойство с именем margin, но это всегда пустая строка (""
в Mozilla Firefox или Apple Safari; однако в Internet Explorer (и Google Chrome) свойство margin содержит ожидаемое значение (даже в IE 6). Тот же результат возвращается при использованииgetPropertyValue("margin")
метод возвращаемого объекта.
Как я могу получить расчетное значение маржи в Firefox и 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