Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
Get computed styles (in typescript)
// Gist adapted from:
export getStyle(el: Element, styleProp: string): string {
let value;
const 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];
return value;
return '';

This comment has been minimized.

Copy link

@lut2410 lut2410 commented Aug 10, 2018

This code is very useful! Thanks!

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