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 相关文章推荐
jquery插件制作简单示例说明
Feb 03 Javascript
javascript实现input file上传图片预览效果
Dec 31 Javascript
基于javascript制作微信聊天面板
Aug 09 Javascript
通过BootStrap实现轮播图的实际应用
Sep 26 Javascript
JavaScript实现提交模式窗口后刷新父窗口数据的方法
Jun 16 Javascript
node文件批量重命名的方法示例
Oct 23 Javascript
Vue 组件(component)教程之实现精美的日历方法示例
Jan 08 Javascript
JS 使用 window对象的print方法实现分页打印功能
May 16 Javascript
Element UI 自定义正则表达式验证方法
Sep 04 Javascript
js如何获取图片url的Blob值并预览示例代码
Mar 07 Javascript
Vue.js递归组件实现组织架构树和选人功能
Jul 04 Javascript
基于canvas实现手写签名(vue)
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生成随机数或者字符串的代码
2008/09/05 PHP
PHP base64+gzinflate压缩编码和解码代码
2008/10/03 PHP
php页面缓存ob系列函数介绍
2012/10/18 PHP
Laravel 4 初级教程之Pages、表单验证
2014/10/30 PHP
php生成随机颜色的方法
2014/11/13 PHP
php中文繁体和简体相互转换的方法
2015/03/21 PHP
一个简单的php MVC留言本实例代码(必看篇)
2016/09/22 PHP
Laravel 5.4因特殊字段太长导致migrations报错的解决
2017/10/22 PHP
laravel实现Auth认证,登录、注册后的页面回跳方法
2019/09/30 PHP
JavaScript支持的最大递归调用次数分析
2014/06/24 Javascript
Bootstrap Paginator分页插件与ajax相结合实现动态无刷新分页效果
2016/05/27 Javascript
JS实现对中文字符串进行utf-8的Base64编码的方法(使其与Java编码相同)
2016/06/21 Javascript
jQuery模仿单选按钮选中效果
2016/06/24 Javascript
灵活使用数组制作图片切换js实现
2016/07/28 Javascript
Bootstrap模态框调用功能实现方法
2016/09/19 Javascript
jQuery图片切换动画特效
2016/11/02 Javascript
js 获取今天以及过去日期
2017/04/11 Javascript
JS实现json的序列化和反序列化功能示例
2017/06/13 Javascript
解决使用Vue.js显示数据的时,页面闪现原始代码的问题
2018/02/11 Javascript
vue-cli+axios实现文件上传下载功能(下载接收后台返回文件流)
2019/05/10 Javascript
微信小程序接入腾讯云验证码的方法步骤
2020/01/07 Javascript
vue-cli4项目开启eslint保存时自动格式问题
2020/07/13 Javascript
浅谈Python用QQ邮箱发送邮件时授权码的问题
2018/01/29 Python
python使用turtle库与random库绘制雪花
2018/06/22 Python
使用sklearn进行对数据标准化、归一化以及将数据还原的方法
2018/07/11 Python
python使用Matplotlib画条形图
2020/03/25 Python
python实现烟花小程序
2019/01/30 Python
python 列表中[ ]中冒号‘:’的作用
2019/04/30 Python
Scrapy框架实现的登录网站操作示例
2020/02/06 Python
Python多分支if语句的使用
2020/09/03 Python
html5中valid、invalid、required的定义
2014/02/21 HTML / CSS
自荐信格式范文
2013/10/07 职场文书
高中运动会广播稿
2014/01/21 职场文书
新郎婚礼答谢词
2015/01/04 职场文书
幼儿园大班开学寄语(2015秋季)
2015/05/27 职场文书
总结一下关于在Java8中使用stream流踩过的一些坑
2021/06/24 Java/Android