get-style-property

Gets the current value of a style property for a given DOM element.

Usage no npm install needed!

<script type="module">
  import getStyleProperty from 'https://cdn.skypack.dev/get-style-property';
</script>

README

get-style-property

Gets the current value of a style property for a given DOM element.

browser support

var foo              =  document.querySelector('.foo')
  , getStyleProperty =  require('get-style-property');

// assuming we applied css: ".foo { min-height: 20px }"

console.log(getStyleProperty(foo, 'min-height')); // => 20px

API

/**
 * Gets the current value of a style property for a given DOM element.
 *
 * @function
 * @param el {Object} The DOM element.
 * @param propName {String} The name of the property.
 * @return {String} The current value of the element's style and given property. 
 */
getStyleProperty(el, propName)