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 相关文章推荐
一些有关检查数据的JS代码
Sep 07 Javascript
js自定义事件及事件交互原理概述(一)
Feb 01 Javascript
一个简单的JS时间控件示例代码(JS时分秒时间控件)
Nov 22 Javascript
node.js中的buffer.Buffer.isBuffer方法使用说明
Dec 14 Javascript
JavaScript+html5 canvas制作的圆中圆效果实例
Jan 27 Javascript
AngularJS实践之使用ng-repeat中$index的注意点
Dec 22 Javascript
js获取地址栏参数的两种方法
Jun 27 Javascript
为什么Vue3.0使用Proxy实现数据监听(defineProperty表示不背这个锅)
Oct 14 Javascript
微信sdk实现禁止微信分享(使用原生php实现)
Nov 15 Javascript
vue中的双向数据绑定原理与常见操作技巧详解
Mar 16 Javascript
如何在vue中使用百度地图添加自定义覆盖物(水波纹)
Nov 03 Javascript
vue-treeselect的基本用法以及解决点击无法出现拉下菜单
Apr 30 Vue.js
简单实现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
thinkphp中连接oracle时封装方法无法用的解决办法
2013/06/17 PHP
PHP图片处理之使用imagecopyresampled函数实现图片缩放例子
2014/11/19 PHP
php微信公众号开发(4)php实现自定义关键字回复
2016/12/15 PHP
php设计模式之职责链模式实例分析【星际争霸游戏案例】
2020/03/27 PHP
PHP ob缓存以及ob函数原理实例解析
2020/11/13 PHP
jquery validate使用攻略 第四步
2010/07/01 Javascript
jQuery的deferred对象使用详解
2011/08/20 Javascript
一个级联菜单代码学习及removeClass与addClass的应用
2013/01/24 Javascript
javascript面向对象包装类Class封装类库剖析
2013/01/24 Javascript
js Array对象的扩展函数代码
2013/04/24 Javascript
jQuery使用prepend()方法在元素前添加内容用法实例
2015/03/26 Javascript
JS中生成随机数的用法及相关函数
2016/01/09 Javascript
Backbone.js框架中简单的View视图编写学习笔记
2016/02/14 Javascript
详谈jQuery.load()和Jsp的include的区别
2017/04/12 jQuery
angularjs之$timeout指令详解
2017/06/13 Javascript
vue中各组件之间传递数据的方法示例
2017/07/27 Javascript
原生JS实现的多个彩色小球跟随鼠标移动动画效果示例
2018/02/01 Javascript
Vue 3.0 前瞻Vue Function API新特性体验
2019/08/12 Javascript
JS函数进阶之继承用法实例分析
2020/01/15 Javascript
在vue中给后台接口传的值为数组的格式代码
2020/11/12 Javascript
[01:07]2015国际邀请赛 中国区预选赛精彩回顾
2015/06/15 DOTA
Python time模块详解(常用函数实例讲解,非常好)
2014/04/24 Python
批量将ppt转换为pdf的Python代码 只要27行!
2018/02/26 Python
python sys.argv[]用法实例详解
2018/05/25 Python
python退出命令是什么?详解python退出方法
2018/12/10 Python
简单了解Java Netty Reactor三种线程模型
2020/04/26 Python
python使用requests库爬取拉勾网招聘信息的实现
2020/11/20 Python
python 递归相关知识总结
2021/03/03 Python
教师研修随笔感言
2014/01/23 职场文书
《搭石》教学反思
2014/04/07 职场文书
优秀实习生主要事迹
2014/05/29 职场文书
大学生饮品店创业计划书范文
2019/07/10 职场文书
如何利用STAR法则制作留学文书?
2019/08/26 职场文书
「我的青春恋爱物语果然有问题。-妄言录-」第20卷封面公开
2022/03/21 日漫
js前端图片加载异常兜底方案
2022/06/21 Javascript
输入框跟随文字内容适配宽实现示例
2022/08/14 Javascript