js获取计算后的样式表

最新推荐文章于 2024-10-16 17:24:41 发布

weixin_30279315

最新推荐文章于 2024-10-16 17:24:41 发布

阅读量58

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/whytohow/p/5679344.html

版权

在编写html时，使用dom对象的style属性可以获取标签里的style属性，但是不能获取单独css样式文件或者style标签的属性值

<div style="width:10px">

</div>

javascript:
document.getElementsByTagName("div")[0].style.width    //可以获取

所以要获取最终style，要使用特殊的方法获取，计算后的最终样式表

function getFinalStyel(obj,attr){
    return obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle(obj,null)[attr];
    }

//其中 obj.currentStyle 支持ie9以下浏览器
//getComputedStyle 支持其他浏览器 参数第二个是伪类选择器(:hover.....)

转载于:https://www.cnblogs.com/whytohow/p/5679344.html