JS获取元素CSS的内容（简单）

众所周知

const div = document.querySelect('div')
const heigth = div.style.height

上面代码中的height只能获取到内联样式的height，如果一开始定义在了css中，那么上述代码获取到的高度就是空。

如何获取最终的样式呢？

使用window.getComputedStyle(element, pseudoElement)
element: 必需，要获取样式的元素
pseudoElement: 可选，伪类元素，当不查询伪类元素的时候可以忽略或者传入 null (一般直接忽略)
window可写可不写

需要注意的是，这个方法中获取到的参数只可读，不可写
div.style中是既可读又可写

getComputedStyle方法获取的是最终应用在元素上的所有CSS属性对象（即使没有CSS代码，也会把默认的祖宗八代都显示出来），而element.style只能获取元素style属性中的CSS样式。

如果您使用的是IE678，请使用element.currentStyle()