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 版本自动生成文章摘要
Jul 23 Javascript
ejs v9 javascript模板系统
Mar 21 Javascript
JavaScript导出Excel实例详解
Nov 25 Javascript
浅谈JavaScript数据类型
Mar 03 Javascript
JavaScript把数组作为堆栈使用的方法
Mar 20 Javascript
javascript中的try catch异常捕获机制用法分析
Dec 14 Javascript
微信小程序 解决请求服务器手机预览请求不到数据的方法
Jan 04 Javascript
微信小程序 仿猫眼实现实例代码
Mar 14 Javascript
vue-resource + json-server模拟数据的方法
Nov 02 Javascript
vue渲染时闪烁{{}}的问题及解决方法
Mar 28 Javascript
跨域解决之JSONP和CORS的详细介绍
Nov 21 Javascript
jQuery 查找元素操作实例小结
Oct 02 jQuery
简单实现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网页显示各种语法错误
2013/09/23 PHP
php 批量替换html标签的实例代码
2013/11/26 PHP
php+js实现异步图片上传实例分享
2014/06/02 PHP
php语言的7种基本的排序方法
2020/12/28 PHP
几个常用的JavaScript字符串处理函数 - split()、join()、substring()和indexOf()
2009/06/02 Javascript
Javascript 遍历对象中的子对象
2009/07/03 Javascript
IE6/7 and IE8/9/10(IE7模式)依次隐藏具有absolute或relative的父元素和子元素后再显示父元素
2011/07/31 Javascript
Javascript中valueOf与toString区别浅析
2013/03/19 Javascript
javascript实现验证身份证号的有效性并提示
2015/04/30 Javascript
跟我学习javascript的this关键字
2020/05/28 Javascript
JavaScript实现点击单元格改变背景色的方法
2016/02/12 Javascript
JS快速实现移动端拼图游戏
2016/09/05 Javascript
基于BootstrapValidator的Form表单验证(24)
2016/12/12 Javascript
JS实现微信里判断页面是否被分享成功的方法
2017/06/06 Javascript
深入解析nodejs HTTP服务
2017/07/25 NodeJs
如何理解Vue的.sync修饰符的使用
2017/08/17 Javascript
vue.js template模板的使用(仿饿了么布局)
2018/08/13 Javascript
微信小程序中遇到的iOS兼容性问题小结
2018/11/14 Javascript
[51:28]EG vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/16 DOTA
[57:37]EG vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
[04:46]2018年度玩家喜爱的电竞媒体-完美盛典
2018/12/16 DOTA
python从sqlite读取并显示数据的方法
2015/05/08 Python
python开发之thread实现布朗运动的方法
2015/11/11 Python
Python模拟百度登录实例详解
2016/01/20 Python
python带参数打包exe及调用方式
2019/12/21 Python
Python函数生成器原理及使用详解
2020/03/12 Python
HTML5文档结构标签
2017/04/21 HTML / CSS
MVMT手表官方网站:时尚又实惠的高品质手表
2016/12/04 全球购物
英国现代市场:ARKET
2019/04/10 全球购物
简述你对Statement,PreparedStatement,CallableStatement的理解
2013/03/25 面试题
总经理职责
2013/12/22 职场文书
员工年终演讲稿
2014/01/03 职场文书
六年级数学教学反思
2014/02/03 职场文书
西湖英语导游词
2015/02/06 职场文书
入党积极分子个人总结
2015/03/02 职场文书
使用 Docker Compose 构建复杂的多容器App
2022/04/30 Servers