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 精粹笔记
May 09 Javascript
元素的内联事件处理函数的特殊作用域在各浏览器中存在差异
Jan 12 Javascript
Jquery知识点三 jquery表单对象操作
Jan 17 Javascript
jquery的$getjson调用并获取远程的JSON字符串问题
Dec 10 Javascript
JS实现控制表格行内容垂直对齐的方法
Mar 30 Javascript
EasyUI闪屏EasyUI页面加载提示(原理+代码+效果图)
Feb 21 Javascript
Vue.js学习示例分享
Feb 05 Javascript
JS动态添加的div点击跳转到另一页面实现代码
Sep 30 Javascript
解决使用vue.js路由后失效的问题
Mar 17 Javascript
解决vue 打包发布去#和页面空白的问题
Sep 04 Javascript
vue中的router-view组件的使用教程
Oct 23 Javascript
js计算两个时间差 天 时 分 秒 毫秒的代码
May 21 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和Shell写Hadoop的MapReduce程序
2014/04/15 PHP
基于jquery实现图片广告轮换效果代码
2011/07/07 Javascript
基于jQuery+HttpHandler实现图片裁剪效果代码(适用于论坛, SNS)
2011/09/02 Javascript
JQuery获取文本框中字符长度的代码
2011/09/29 Javascript
js解析与序列化json数据(三)json的解析探讨
2013/02/01 Javascript
json数据与字符串的相互转化示例
2013/09/18 Javascript
使用javascript实现ListBox左右全选,单选,多选,全请
2013/11/07 Javascript
Javascript setInterval的两种调用方法(实例讲解)
2013/11/29 Javascript
javascript实现简单的鼠标拖动效果实例
2015/04/10 Javascript
JS中使用FormData上传文件、图片的方法
2016/08/07 Javascript
浅谈在js传递参数中含加号(+)的处理方式
2016/10/11 Javascript
浅谈react.js 之 批量添加与删除功能
2017/04/17 Javascript
200行代码实现blockchain 区块链实例详解
2018/03/14 Javascript
vue-router判断页面未登录自动跳转到登录页的方法示例
2018/11/04 Javascript
Vuex的初探与实战小结
2018/11/26 Javascript
JQuery+Bootstrap 自定义全屏Loading插件的示例demo
2019/07/03 jQuery
vue.js中ref和$refs的使用及示例讲解
2019/08/14 Javascript
jquery 时间戳转日期过程详解
2019/10/12 jQuery
微信小程序监听用户登录事件的实现方法
2019/11/11 Javascript
JavaScript 如何计算文本的行数的实现
2020/09/14 Javascript
Django返回json数据用法示例
2016/09/18 Python
Win10下Python环境搭建与配置教程
2016/11/18 Python
使用Python实现在Windows下安装Django
2018/10/17 Python
Python人工智能之路 jieba gensim 最好别分家之最简单的相似度实现
2019/08/13 Python
浅谈Python中threading join和setDaemon用法及区别说明
2020/05/02 Python
CSS3实现淘宝留白的方法
2020/06/05 HTML / CSS
WoolOvers爱尔兰:羊绒、羊毛和棉针织品
2017/01/04 全球购物
阿里旅行:飞猪
2017/01/05 全球购物
吉力贝官方网站:Jelly Belly
2019/03/11 全球购物
银行职员个人的工作自我评价
2014/02/15 职场文书
高二学生评语大全
2014/04/25 职场文书
校园安全标语
2014/06/07 职场文书
公积金具结保证书
2015/05/11 职场文书
学校2016年圣诞节活动总结
2016/03/31 职场文书
mysql批量新增和存储的方法实例
2021/04/07 MySQL
Python实现信息轰炸工具(再也不怕说不过别人了)
2021/06/11 Python