用原生js获取元素样式的一种简单方法
在开发过程中，我们经常会遇到通过js获取或更改DOM元素的样式。有很多方法，例如，通过改变DOM元素的类，现在我们讨论原生的js来获取DOM元素的CSS样式，并注意到这个设置没有设置。在开始之前，我们首先要说，最终应用于元素的所有CSS属性对象都意味着，如果我们不将任何样式设置为元素，那么我们将返回浏览器的默认样式。
1、ele.style
当你学习DOM，你看ele.style元素风格的价值，但有时它不是一个节点的值，而是一个空值。这是因为ele.style只能在样式属性，是写在元标签的样式值，不能被定义的荷载加载方式性能。
实例uff1a
VaR测试= document.getelementbyid（测试）；
获取节点颜色
test.style.color；
2、getcomputedstyle（）
getcomputedstyle是CSS属性值，可以得到所有当前元素的最终用途。
语法如下：
window.getcomputedstyle（元
这个方法接受两个参数：获得计算风格要素和伪元素的字符串（例如：之前）。如果伪元素信息是不需要的，第二个参数可以为空，也可以使用document.defaultview.getcomputedstyle（元
实例uff1a
VaR测试= document.getelementbyid（测试），
演示= window.getcomputedstyle（试验、空）；
获取节点颜色
demo.color
注意：Firefox和Safari将颜色转换为RGB格式。如果有测试节点没有风格，我们可以通过style.length.ie6-8看到浏览器默认样式数量不支持此方法，和下面的方法需要使用
3、ele.currentstyle
currentstyle是IE浏览器的属性。它的语法类似于ele.style。不同的是，element.currentstyle返回最终的CSS属性值，包括外链的CSS文件，属性嵌入在网页，等。
Grammar：
VaR的风格= dom.currentstyle；
实例uff1a
VaR测试= document.getelementbyid（测试），
test.currentstyle演示=；
获取节点颜色
demo.color；
注：为综合属性边界等，即返回未定义，其他浏览器的返回值，有的不回来了，但这样的borderleftwidth属性返回的值。
4、getpropertyvalue（）
GetPropertyValue得到的CSS样式直接属性名称
语法如下：
window.getcomputedstyle（元空）GetPropertyValue（属性）。
实例uff1a
VaR测试= document.getelementbyid（测试）；
window.getcomputedstyle（试验、空），GetPropertyValue（背景颜色）；
注意：属性名不支持IE6-8驼峰格式，不支持的方法，与下面的方法需要使用
5、中
getpropertyvalue getAttribute相似，有属性名称驼峰格式的差异
实例uff1a
VaR测试= document.getelementbyid（测试）；
window.getcomputedstyle（试验、空），GetPropertyValue（背景颜色）；
注意：此方法只支持IE6-8
总结：
css（）方法应用getcomputedstyle和getpropertyvalue jQuery方法的底层操作。当我们使用本机js开发时，我们可以通过上面的方法获得元素的值。
以下是获得与IE、Firefox、Chrome和其他浏览器兼容的元素样式的方法，可以应用到项目中
功能getstyle（ELE）{
var样式= null；
如果（窗口。getcomputedstyle）{
style= window.getcomputedstyle（ELE，null）；
其他{ }
ele.currentstyle风格=；
}
返回式；
}
这个简单的方法来获得本地js元素风格是分享的全部内容，小编。我们希望能给你一个参考，希望你能支持它。