js获取css的各种样式并且设置他们的方法

更新时间：2017年08月22日 08:06:21 投稿：jingxian

下面小编就为大家带来一篇js获取css的各种样式并且设置他们的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

js原生获取css样式,并且设置,看似简单,其实并不简单,我们平时用的ele.style.样式,只能获取内嵌的样式,但是我们写的样式基本都在style属性里面;

这里我们就需要：

下面这个代码主要是设置为了兼容IE这孙子;

function getStyle(element, attr) {
　　if (element.currentStyle) {
　　　　return element.currentStyle[attr];//傻逼IE的获取元素的方法
　　} else {
　　　　return getComputedStyle(element, null)[attr];
　　}
}

平时我们一般可以用 getComputedStyle(元素,null)[属性]

以上这篇js获取css的各种样式并且设置他们的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

深入理解javascript严格模式(Strict Mode)
Strict mode是JavaScript1.8.5引进的技术，但还没有浏览器确实可靠的实现了严格模式，所以使用时要小心并且多测试。Strict mode可以应用于整个脚本，也可以适合于单个函数。
2014-11-11
JavaScript控制图片加载完成后调用回调函数的方法
这篇文章主要介绍了JavaScript控制图片加载完成后调用回调函数的方法,实例分析了javascript回调函数的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-03-03
JavaScript 学习笔记（四）
今天继续学习JS中的对象，昨天学完了本地对象中的两个重要对象Array和Date。今天看下内置对象Global对象和Math对象。
2009-12-12
Safari5中alert的无限循环BUG
猜测Safari5中将点击alert框的确定按钮也当成点击body了。事件一直冒泡到弹出框上。
2011-04-04
JavaScript的事件监听你了解吗
这篇文章主要为大家详细介绍了JavaScript的事件监听，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
2022-03-03
微信小程序定义和调用全局变量globalData的实现
这篇文章主要介绍了微信小程序定义和调用全局变量globalData的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-11-11
ECharts实现数据超出Y轴最大值max但不隐藏
这篇文章主要为大家介绍了ECharts实现数据超出Y轴最大值max但不隐藏实现示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-10-10
js数组合并的8种方法(最全)
在JavaScript中,有多种方法可以合并数组,本文主要介绍了8种方法,主要包括concat()、spread operator、push()、unshift()、splice()、Array.from()、Array.prototype.reduce()和ES6的Array.prototype.flat(),感兴趣的可以了解一下
2023-08-08
js实现html table 行,列锁定的简单实例
下面小编就为大家带来一篇js实现html table 行,列锁定的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-10-10
js的压缩及jquery压缩探讨(提高页面加载性能/保护劳动成果)
搞定js的加密和压缩，一方面可以提高页面加载性能，另外一方面也希望辛苦研发出来的成果得到一定的保护,感兴趣的朋友可以了解下，或许对你有所帮助
2013-01-01