Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

    computed-stylepublic

    computedStyle

    Cross-browser currentStyle/getComputedStyle implementation

    testling-ci badge

    Getting Started

    Download one of the available flavors:

    In your web page:

    <script src="dist/computedStyle.min.js"></script>
    <script>
    computedStyle(el, 'color'); // Returns color of the element
    </script> 

    Documentation

    computedStyle is a single purpose function

    computedStyle(element, property);
    /**
     * Cross-browser getComputedStyle
     * @param {HTMLElement} el Element to get property from
     * @param {String} prop Property to look up (DOM, zIndex, and CSS, z-index, formats accepted)
     * @returns Property from the browser
     *
     * @note These properties can vary from browser to browser.
     * For example, IE6 will return #FF0000 whereas Firefox will return rgb(255, 0, 0)
     * I have chosen to avoid this for this repo as it exits the single purpose
     * and jQuery follows the same approach.
     */

    Examples

    // Grab the z-index of an element
    computedStyle(el, 'z-index');
     
    // Grab the background-color of an element
    computedStyle(el, 'background-color');

    Donating

    Support this project and others by twolfson via gratipay.

    Support via Gratipay

    Contributing

    In lieu of a formal styleguide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint your code using npm run lint and test via npm test.

    License

    Copyright (c) 2013 Todd Wolfson

    Licensed under the MIT license.

    install

    npm i computed-style

    Downloadsweekly downloads

    26,562

    version

    0.3.0

    license

    none

    repository

    githubgithub

    last publish

    collaborators

    • avatar