computed-styles

Get the computed styles of a DOM element in a cross browser consistent manner

Usage no npm install needed!

<script type="module">
  import computedStyles from 'https://cdn.skypack.dev/computed-styles';
</script>

README

computed-style

NPM version Build Status Downloads

Get the computed styles of a DOM element in a cross browser consistent manner

Install

npm install computed-styles

Usage

Get computed styles

import computedStyles from 'computed-styles';

computedStyles(document.querySelector('#node')) // returns computed styles as an object

Convert computed styles to inline styles

import computedStyles from 'computed-styles';

var node = document.querySelector('#node');
computedStyles(node, node.styles);

Copy computed styles to another element

import computedStyles from 'computed-styles';

var source = document.querySelector('#source');
var target = document.querySelector('#target');
computedStyles(source, target.styles);

See API

License

MIT © J. Harshbarger