JS获取渲染后的样式

浏览数：35 / 时间：2015年06月09日

一般我们利用element.style.属性来获取CSS的样式，而此方法只能获取标签内的样式，无法获取头部或引入的样式，因此，而我们又需要获取其样式，则我们可以使用：（其中element为标签，proName为属性）
document.defaultView.getComputedStyle(element)[proName]的方法获其样式，
而此方法不支持IE6~IE8，因此我们针对IE8以下的使用
element.currentStyle[proName]

我们可以通过下面方法使其兼容

1 /*
2  * 功能: 通过属性名获取传入标签渲染后的样式
3  * 参数: 第一个参数表示你想要获取其属性值的标签; 第二个参数表示你想要获取其属性值的属性名
4  * 返回值: 返回第一个参数标签里面的属性名为第二个参数的样式
5  */
6 function getStyle(element, proName) {
7     // document.defaultView.getComputedStyle为标准浏览器方法，element.currentStyle兼容IE6~IE8
8     return document.defaultView ? document.defaultView.getComputedStyle(element)[proName] : element.currentStyle[proName];
9 }

 

JS获取渲染后的样式,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style 使用 方法 com js log doc class style 使用 方法 com js log doc

相关文章

随机文章

您可能还喜欢

您可能还喜欢