Skip to content

Instantly share code, notes, and snippets.

@cms
Created April 17, 2010 00:48
Show Gist options
  • Save cms/369133 to your computer and use it in GitHub Desktop.
Save cms/369133 to your computer and use it in GitHub Desktop.
Get computed styles
function getStyle(el, styleProp) {
var value, defaultView = el.ownerDocument.defaultView;
// W3C standard way:
if (defaultView && defaultView.getComputedStyle) {
// sanitize property name to css notation (hypen separated words eg. font-Size)
styleProp = styleProp.replace(/([A-Z])/g, "-$1").toLowerCase();
return defaultView.getComputedStyle(el, null).getPropertyValue(styleProp);
} else if (el.currentStyle) { // IE
// sanitize property name to camelCase
styleProp = styleProp.replace(/\-(\w)/g, function(str, letter) {
return letter.toUpperCase();
});
value = el.currentStyle[styleProp];
// convert other units to pixels on IE
if (/^\d+(em|pt|%|ex)?$/i.test(value)) {
return (function(value) {
var oldLeft = el.style.left, oldRsLeft = el.runtimeStyle.left;
el.runtimeStyle.left = el.currentStyle.left;
el.style.left = value || 0;
value = el.style.pixelLeft + "px";
el.style.left = oldLeft;
el.runtimeStyle.left = oldRsLeft;
return value;
})(value);
}
return value;
}
}
@RafaelLinux
Copy link

Thank you. It's a great job and make my work easier.

@guilhermejcgois
Copy link

I've adapted to TS here. Thanks for that gist! 😄

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment