在Javaｓｃｒｉｐｔ中获取样式的本地方法

ps：获取样式，而不是设置样式。如果元素没有设置在样式值中，则返回浏览器给出的默认值。

1、element.style：只能在样式属性，是写在元标签的样式值，而无法获取样式属性定义和加载。

复制代码代码如下所示：

无功电= document.getelementbyid（'ele）；

ele.style.color； / /获取颜色
2、window.getcomputedstyle（）：你可以获得当前元素的所有最终的CSS属性值。

复制代码代码如下：window.getcomputedstyle（元

这个方法接受两个参数：获得计算风格要素和伪元素的字符串（例如：之前）。如果伪元素信息是不需要的，第二个参数可以为空，也可以使用document.defaultview.getcomputedstyle（元，伪类）；

复制代码代码如下所示：

无功电= document.getelementbyid（'ele）；

VaR方式= window.getcomputedstyle（ELE，null）；

styles.color； / /获取颜色
样式可以看到浏览器的默认styles.ie6-8数不支持此方法，该方法需要使用。Firefox和Safari，颜色会转换成RGB格式。

3元。currentstyle：IE是专用的，并返回该元素的当前应用程序的最终的CSS属性值（包括外链CSS文件的属性，嵌入在网页，等等）。

复制代码代码如下所示：

无功电= document.getelementbyid（'ele）；

VaR方式= ele.currentstyle；

styles.color；
注：为综合属性边界等，即返回未定义，其他浏览器的返回值，有的不回来了，但这样的borderleftwidth属性返回的值。

4、getpropertyvalue（）：获得CSS样式直接属性名称

复制代码代码如下所示：

无功电= document.getelementbyid（'ele）；

window.getcomputedstyle（ELE，null）。GetPropertyValue（色彩）；
注意：属性名不支持IE6-8驼峰格式，不支持的方法，与下面的方法需要使用

5、getAttribute（）：类似于getpropertyvalue，在属性名称驼峰格式的差异

复制代码代码如下所示：

VaR测试= document.getelementbyid（测试）；

window.getcomputedstyle（试验、空），GetPropertyValue（背景颜色）；
注意：此方法只支持IE6-8。

以下获取样式的方法与IE、Chrome、Firefox等兼容

复制代码代码如下所示：

功能getstyle（ELE）{

var风格= null；
如果（窗口。getcomputedstyle）{

style= window.getcomputedstyle（ELE，null）；

其他{ }

ele.currentstyle风格=；

}
返回式；

}
在jQuery的CSS（）经常被用来获取样式属性，及其相关业务应用getcomputedstyle和getpropertyvalue方法。