0
点赞
收藏
分享

微信扫一扫

JS获取元素CSS的内容(简单)

攻城狮Chova 2022-03-13 阅读 137

众所周知

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()

举报

相关推荐

0 条评论