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 相关文章推荐
HTML页面如何象ASP一样接受参数
Feb 07 Javascript
js获取对象为null的解决方法
Nov 21 Javascript
js中的cookie的读写操作示例详解
Apr 17 Javascript
jQuery中attr()方法用法实例
Jan 05 Javascript
Jquery树插件zTree用法入门教程
Feb 17 Javascript
Jquery使用val方法读写value值
May 18 Javascript
如何利用Promises编写更优雅的JavaScript代码
May 17 Javascript
JS对象深度克隆实例分析
Mar 16 Javascript
js获取元素的偏移量offset简单方法(必看)
Jul 05 Javascript
koa2 数据api中间件设计模型的实现方法
Jul 13 Javascript
JavaScript文档加载模式以及元素获取
Jul 28 Javascript
Vue通过懒加载提升页面响应速度
May 10 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
Win下如何安装PHP的APC拓展
2013/08/07 PHP
2个自定义的PHP in_array 函数,解决大量数据判断in_array的效率问题
2014/04/08 PHP
跟我学Laravel之路由
2014/10/15 PHP
php array_values 返回数组的所有值详解及实例
2016/11/12 PHP
php实现产品加入购物车功能(1)
2020/07/23 PHP
JavaScript的目的分析
2007/01/05 Javascript
JS判定是否原生方法
2013/07/22 Javascript
网站繁简切换的JS遇到页面卡死的解决方法
2014/03/12 Javascript
jquery实现pager控件示例
2014/04/09 Javascript
JS中getYear()和getFullYear()区别分析
2014/07/04 Javascript
简单易用的倒计时js代码
2014/08/04 Javascript
jQuery中DOM操作实例分析
2015/01/23 Javascript
使用AngularJS 应用访问 Android 手机的图片库
2015/03/24 Javascript
jQuery Uploadify 上传插件出现Http Error 302 错误的解决办法
2015/12/12 Javascript
Kindeditor在线文本编辑器如何过滤HTML
2016/04/14 Javascript
webpack中引用jquery的简单实现
2016/06/08 Javascript
浅谈js控制li标签排序问题 js调用php函数的方法
2016/10/16 Javascript
纯JS实现表单验证实例
2016/12/24 Javascript
JS实现直接运行html代码的方法
2017/03/13 Javascript
zTree jQuery 树插件的使用(实例讲解)
2017/09/25 jQuery
js数组方法reduce经典用法代码分享
2018/01/07 Javascript
Map与WeakMap类型在JavaScript中的使用详解
2020/11/18 Javascript
[40:29]2018DOTA2亚洲邀请赛 4.7总决赛 LGD vs Mineski 第一场
2018/04/10 DOTA
python远程登录代码
2008/04/29 Python
python用于url解码和中文解析的小脚本(python url decoder)
2013/08/11 Python
Python学习笔记_数据排序方法
2014/05/22 Python
TF-IDF与余弦相似性的应用(二) 找出相似文章
2017/12/21 Python
简单了解django orm中介模型
2019/07/30 Python
python使用sessions模拟登录淘宝的方式
2019/08/16 Python
毕业自我鉴定
2013/11/05 职场文书
大四学生思想汇报
2014/01/13 职场文书
党委班子剖析材料
2014/08/21 职场文书
党员批评与自我批评总结
2014/10/15 职场文书
食品安全责任书范本
2015/05/09 职场文书
python学习之panda数据分析核心支持库
2021/05/07 Python
yyds什么意思?90后已经听不懂00后讲话了……
2022/02/03 杂记