Javascript recipes

Get the computed style of an html element

getComputedStyle is a function attach to window object. It allow to get the exact same information than the chrome computed properties So the list of all properties of a given element


To extract only the info you need you can take advantage of ES6 syntax

const {
    } = getComputedStyle(el)

So here we got for example order: 0 and height: 25078.3px

To extract only the numerical value of the pixel and drop the .3 You can use

parseInt(getComputedStyle($('body')).height, 10)

The result is 25078

What is copying a object ?

The original


Written on October 30, 2017