我们知道在js里如果要操作css，那么最重要的就是获取样式，下面就给大家带来一篇js获取样式最常见的几种方法，给大家作为参考。
Document This is div
通过使用element.style属性来获取
element.style属性只能获取行内样式，不能获取
由于element.style是元素的属性，我们可以对属性重新赋值来改写元素的显示。
2.通过getComputedStyle和currentStyle来获取样式
getComputedStyle的使用环境是chrome/safari/firefox IE 9,10,11
currentStyle在IE里能得到完美支持，chrome不支持，ff不支持
3.ele.style和getComputedStyle或者currentStyle的区别
3.1 ele.style是读写的，而getComputedStyle和currentStyle是只读的
3.2 ele.style只能得到行内style属性里面设置的CSS样式，而getComputedStyle和currentStyle还能得到其他的默认值
3.3 ele.style得到的是style属性里的样式，不一定是最终样式，而其他两个得到的是元素的最终CSS样式
4.获取样式兼容性写法
.window.getComputedStyle(ele[,pseudoElt]);
第二个参数如果是null或者省略，则获取得到是ele的CSSStyleDeclaration对象
原生js实现新年倒计时喜庆背景带炫酷雪花飘落动画特效代码下载。基于原生JavaScript+CSS实现，不依靠任何第三方jQuery库，兼容手机移动端，新年倒计时自动获取，可循环使用，非常简单实用的一款新年倒计时js特效代码。
如果是一个伪类，则获取到的是伪类的CSSStyleDeclaration对象
This is div
getPropertyValue获取CSSStyleDeclaration对象中的指定属性值
getPropertyValue(propertyName);中的propertyName不能是驼峰式表示
obj.currentStyle['margin-left'] 有效
obj.currentStyle['marginLeft'] 有效
window.getComputedStyle(obj,null)['margin-left'] 有效
window.getComputedStyle(obj,null)['marginLeft'] 有效
window.getComputedStyle(obj,null).getPropertyValue('margin-left') 有效
window.getComputedStyle(obj,null).getPropertyValue('marginLeft') 无效
obj.currentStyle.width 有效
obj.currentStyle.background-color 无效
obj.currentStyle.backgroundColor 有效
window.getComputedStyle(obj,null).width 有效
window.getComputedStyle(obj,null).background-color 无效
window.getComputedStyle(obj,null).backgroundColor 有效综上，就是带有"-"的属性不能直接点出来，所以有getPropertyValue方法来处理，但是可以用[]来取代getPropertyValue
7.defaultView
在许多在线的演示代码中, getComputedStyle 是通过 document.defaultView 对象来调用的。 大部分情况下，这是不需要的， 因为可以直接通过window对象调用。但有一种情况，你必需要使用 defaultView, 那是在firefox3.6上访问子框架内的样式 (iframe)
相信看了这些案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
相关阅读：
