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


Posted in Javascript onAugust 22, 2017

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的各种样式并且设置他们的方法

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

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

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

Javascript 相关文章推荐
学习YUI.Ext 第四天--对话框Dialog的使用
Mar 10 Javascript
豆瓣网的jquery代码实例
Jun 15 Javascript
Extjs优化(一)删除冗余代码提高运行速度
Apr 15 Javascript
js获取电脑分辨率的思路及操作
Nov 22 Javascript
AngularJS入门知识之MVW类框架的编程思想探讨
Dec 08 Javascript
JS ES6中setTimeout函数的执行上下文示例
Apr 27 Javascript
Angular 4.0学习教程之架构详解
Sep 12 Javascript
layer.confirm取消按钮绑定事件的方法
Aug 17 Javascript
微信小程序页面缩放式侧滑效果的实现代码
Nov 15 Javascript
在博客园博文中添加自定义右键菜单的方法详解
Feb 05 Javascript
Vue export import 导入导出的多种方式与区别介绍
Feb 12 Javascript
Array.filter中如何正确使用Async
Nov 04 Javascript
简单实现js上传文件功能
Aug 21 #Javascript
不得不看之JavaScript构造函数及new运算符
Aug 21 #Javascript
JavaScript实现简单图片轮播效果
Aug 21 #Javascript
Javascript中 toFixed四舍六入方法
Aug 21 #Javascript
webpack使用 babel-loader 转换 ES6代码示例
Aug 21 #Javascript
JavaScript创建对象的七种方式全面总结
Aug 21 #Javascript
webpack处理 css\less\sass 样式的方法
Aug 21 #Javascript
You might like
随时给自己贴的图片加文字的php代码
2007/03/08 PHP
PHP APC配置文件2套和参数详解
2014/06/11 PHP
jquery 1.3.2 IE8中的一点点的小问题解决方法
2009/07/10 Javascript
学习面向对象之面向对象的术语
2010/11/30 Javascript
ASP.NET jQuery 实例2 (表单中使用回车在TextBox之间向下移动)
2012/01/13 Javascript
关于jQuery新的事件绑定机制on()的使用技巧
2013/04/26 Javascript
javascript禁制后退键(Backspace)实例代码
2013/11/15 Javascript
javascript 用函数语句和表达式定义函数的区别详解
2014/01/06 Javascript
利用jquery操作Radio方法小结
2014/10/20 Javascript
使用jQuery jqPlot插件绘制柱状图
2014/12/18 Javascript
js给selected添加options的方法
2015/05/06 Javascript
jQuery实现返回顶部功能
2016/02/23 Javascript
JavaScript 不支持 indexof 该如何解决
2016/03/30 Javascript
手机端点击图片放大特效PhotoSwipe.js插件实现
2016/08/24 Javascript
jQuery的Cookie封装,与PHP交互的简单实现
2016/10/05 Javascript
详解基于Koa2开发微信二维码扫码支付相关流程
2018/05/16 Javascript
vue.js template模板的使用(仿饿了么布局)
2018/08/13 Javascript
js使用Promise实现简单的Ajax缓存
2018/11/14 Javascript
python静态方法实例
2015/01/14 Python
浅析Python多线程下的变量问题
2015/04/28 Python
Python中使用支持向量机(SVM)算法
2017/12/26 Python
解决Python下json.loads()中文字符出错的问题
2018/12/19 Python
手机使用python操作图片文件(pydroid3)过程详解
2019/09/25 Python
IE10 Error.stack 让脚本调试更加方便快捷
2013/04/22 HTML / CSS
HTML5标签与HTML4标签的区别示例介绍
2013/07/18 HTML / CSS
介绍一下Linux中的链接
2016/05/28 面试题
五型班组建设方案
2014/02/10 职场文书
给老师的一封建议书
2014/03/13 职场文书
社区文艺活动方案
2014/08/19 职场文书
一般党员对照检查材料
2014/09/24 职场文书
八项规定自查自纠报告及整改措施
2014/10/26 职场文书
2014收银员工作总结范文
2014/12/16 职场文书
毕业设计致谢词
2015/05/14 职场文书
太空授课观后感
2015/06/17 职场文书
网络安全倡议书(3篇)
2019/09/18 职场文书
k-means & DBSCAN 总结
2021/04/27 Python