JavaScript get Styles

Question

Is it possible to get ALL of the styles for an object using JavaScript? Something like:

main.css
-------
#myLayer {
  position: absolute;
  width: 200px;
          


        

Answer 1

Polyfill to get the current CSS style of element using javascript ... Visit the link for more info

/**
* @desc : polyfill for getting the current CSS style of the element
* @param : elem - The Element for which to get the computed style.
* @param : prop - The Property for which to get the value
* @returns : The returned style value of the element
**/
var getCurrentStyle = function (ele, prop) {

var currStyle;
if (!window.getComputedStyle) {
    currStyle = ele.currentStyle[prop];
} else {
    currStyle = window.getComputedStyle(ele).getPropertyValue(prop);
}

return currStyle;
}


/** How to use **/
var element = document.getElementById("myElement");
getCurrentStyle(element, "width"); // returns the width value