css获取行间样式及读写权限,获取伪元素
程序员文章站
2022-07-04 21:19:24
...
div.style.width获取的是行间样式,他是可以读写的
注意是行间样式,当读取时,不能读取其css属性,而是行间样式
window.getComputedStyle(div,null).width 查询计算样式 只读,不可写
他获取的属性是最终表现出来的属性,当然可以获取到css
后面的null就是你想获取的伪元素,例如:
window.getComputedStyle(div,“after”).width
IE中用的方法 div.currentStyle.width 也是查询计算样式,不过区别是他不会将计算的值转化形式,是什么就是什么,这是IE独有的方法
封装一下方法:
function getStyle(elem,prop){
if(window.getComputedStyle){
return window.getComputedStyle(elem,null)[prop];
}else{
return elem.currentStyle[prop];
}
}