Der Wert der margin-Eigenschaft kann nicht aus dem Ergebnis getComputedStyle abgerufen werden
Das Ergebnis von agetComputedStyle
enthält eine Eigenschaft mit dem Namen "margin", die Eigenschaft ist jedoch immer eine leere Zeichenfolge (""
) in Mozilla Firefox oder Apple Safari; In Internet Explorer (und Google Chrome) enthält die margin -Eigenschaft jedoch den erwarteten Wert (auch in IE 6). Das gleiche Ergebnis wird bei Verwendung von zurückgegebengetPropertyValue("margin")
Methode des zurückgegebenen Objekts.
Wie kann ich den berechneten Wert der Marge in Firefox und Safari ermitteln?
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