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 相关文章推荐
javascript div 弹出可拖动窗口
Feb 26 Javascript
Javascript实现关联数据(Linked Data)查询及注意细节
Feb 22 Javascript
Jquery 获取对象的几种方式介绍
Jan 17 Javascript
js实现使用鼠标拖拽切换图片的方法
May 04 Javascript
AngularJs 弹出模态框(model)
Apr 07 Javascript
Node.js+Express配置入门教程
May 19 Javascript
EasyUI在表单提交之前进行验证的实例代码
Jun 24 Javascript
AngularJS入门教程之AngularJS 模板
Aug 18 Javascript
JavaScript实现定时页面跳转功能示例
Feb 14 Javascript
原生js二级联动效果
Jun 20 Javascript
AngularJS 中ui-view传参的实例详解
Aug 25 Javascript
vue组件传递对象中实现单向绑定的示例
Feb 28 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&MYSQL留言板源码
2020/07/19 PHP
php 将bmp图片转为jpg等其他任意格式的图片
2009/06/21 PHP
php实现模拟登陆方正教务系统抓取课表
2015/05/19 PHP
PHP生成可点击刷新的验证码简单示例
2016/05/13 PHP
js相册效果代码(点击创建即可)
2013/04/16 Javascript
Jquery遍历Json数据的方法
2015/04/20 Javascript
JavaScript获取一个范围内日期的方法
2015/04/24 Javascript
JQuery插件ajaxfileupload.js异步上传文件实例
2015/05/19 Javascript
js实现无缝循环滚动
2020/06/23 Javascript
bootstrap datepicker限定可选时间范围实现方法
2016/09/28 Javascript
javascript实现秒表计时器的制作方法
2017/02/16 Javascript
webpack配置的最佳实践分享
2017/04/21 Javascript
vue组件与复用详解
2018/04/08 Javascript
Vue+mui实现图片的本地缓存示例代码
2018/05/24 Javascript
vue实现微信分享功能
2018/11/28 Javascript
使用express来代理服务的方法
2019/06/21 Javascript
JavaScript canvas实现跟随鼠标事件
2020/02/10 Javascript
使用PYTHON创建XML文档
2012/03/01 Python
python 实现归并排序算法
2012/06/05 Python
使用python分析git log日志示例
2014/02/27 Python
Python使用MD5加密字符串示例
2014/08/22 Python
Python随机生成彩票号码的方法
2015/03/05 Python
浅谈Python里面小数点精度的控制
2018/07/16 Python
python3.4 将16进制转成字符串的实例
2019/06/12 Python
Python转换时间的图文方法
2019/07/01 Python
Python使用itchat 功能分析微信好友性别和位置
2019/08/05 Python
python解析命令行参数的三种方法详解
2019/11/29 Python
tensorflow通过模型文件,使用tensorboard查看其模型图Graph方式
2020/01/23 Python
python开发实例之python使用Websocket库开发简单聊天工具实例详解(python+Websocket+JS)
2020/03/18 Python
详解python的super()的作用和原理
2020/10/29 Python
CSS实现限制字数功能当对象内文本溢出时显示省略标记
2014/08/20 HTML / CSS
Html5 Canvas 实现一个“刮刮乐”游戏
2019/09/05 HTML / CSS
应届中专生自荐书范文
2014/02/13 职场文书
学雷锋志愿者活动方案
2014/08/21 职场文书
2014年安全保卫工作总结
2014/11/13 职场文书
Golang Elasticsearches 批量修改查询及发送MQ
2022/04/19 Golang