CODEWITHSUNDEEP
javascriptjqueryfunction
user2598045
user2598045

Reputation:

jquery equivalent for getcomputedstyle()

I found this getComputedStyle polyfill in a JavaScript plugin

if (!computed) {
  window.getComputedStyle = function(el) {
    this.el = el;
    this.getPropertyValue = function(prop) {
      var re = /(\-([a-z]){1})/g;
      if (prop === "float") {
        prop = "styleFloat";
      }
      if (re.test(prop)) {
        prop = prop.replace(re, function () {
          return arguments[2].toUpperCase();
        });
      }
      return el.currentStyle[prop] ? el.currentStyle[prop] : null;
    };
    return this;
  };
}

Is there any jQuery equivalent for getcomputedstyle();

Upvotes: 27

Views: 37543

Answers (1)

Arun P Johny
Arun P Johny

Reputation: 388436

You can use the getter version of .css().

From doc

The .css() method is a convenient way to get a style property from the first matched element, especially in light of the different ways browsers access most of those properties (the getComputedStyle() method in standards-based browsers versus the currentStyle and runtimeStyle properties in Internet Explorer) and the different terms browsers use for certain properties.

like 

$(el).css('color')

Upvotes: 44

Related Questions