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 24 Javascript
给Flash加一个超链接(推荐使用透明层)兼容主流浏览器
Jun 09 Javascript
css与javascript跨浏览器兼容性总结
Sep 15 Javascript
原生JS和JQuery动态添加、删除表格行的方法
May 28 Javascript
在JavaScript中处理数组之reverse()方法的使用
Jun 09 Javascript
使用AngularJS处理单选框和复选框的简单方法
Jun 19 Javascript
Javascript中call,apply,bind方法的详解与总结
Dec 12 Javascript
jquery动态赋值id与动态取id方法示例
Aug 21 jQuery
jQuery代码优化方法总结
Jan 29 jQuery
video.js 一个页面同时播放多个视频的实例代码
Nov 27 Javascript
webpack+express实现文件精确缓存的示例代码
Jun 11 Javascript
夯基础之手撕javascript继承详解
Nov 09 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
真正面向对象编程:PHP5.01发布
2006/10/09 PHP
追求程序速度,而不是编程的速度
2008/04/23 PHP
PHP处理Oracle的CLOB实例
2014/11/03 PHP
php发送html格式文本邮件的方法
2015/06/10 PHP
PHP中配置IIS7实现基本身份验证的方法
2015/09/24 PHP
php封装的mongodb操作类代码
2017/08/06 PHP
PHP性能分析工具xhprof的安装使用与注意事项
2017/12/19 PHP
json格式化/压缩工具 Chrome插件扩展版
2010/05/25 Javascript
IE图片缓存document.execCommand("BackgroundImageCache",false,true)
2011/03/01 Javascript
jquery随意添加移除html的实现代码
2011/06/21 Javascript
利用JS延迟加载百度分享代码,提高网页速度
2013/07/01 Javascript
Jquery使用Firefox FireBug插件调试Ajax步骤讲解
2013/12/02 Javascript
防止登录页面出现在frame中js代码
2014/07/22 Javascript
jQuery Easyui使用(二)之可折叠面板动态加载无效果的解决方法
2016/08/17 Javascript
js实现的光标位置工具函数示例
2016/10/03 Javascript
JS实现间歇滚动的运动效果实例
2016/12/22 Javascript
angular或者js怎么确定选中ul中的哪几个li
2017/08/16 Javascript
html中通过JS获取JSON数据并加载的方法
2017/11/30 Javascript
Vue+Flask实现简单的登录验证跳转的示例代码
2018/01/13 Javascript
vue.js在标签属性中插入变量参数的方法
2018/03/06 Javascript
webpack 从指定入口文件中提取公共文件的方法
2018/11/13 Javascript
实现Vue的markdown文档可以在线运行的方法示例
2018/12/11 Javascript
vue打开子组件弹窗都刷新功能的实现
2020/09/21 Javascript
Python正则表达式指南 推荐
2018/10/09 Python
python微信撤回监测代码
2019/04/29 Python
CSS3中的display:grid,网格布局介绍
2019/10/30 HTML / CSS
JSF面试题:Jsf中导航的标签是什么
2013/04/20 面试题
什么是servlet链?
2014/07/13 面试题
初三物理教学反思
2014/01/21 职场文书
幼儿园校园小喇叭广播稿
2014/10/17 职场文书
学校师德师风整改措施
2014/10/27 职场文书
初中语文教师研修日志
2015/11/13 职场文书
学习型家庭事迹材料(2016精选版)
2016/02/29 职场文书
2016年学校党支部公开承诺书
2016/03/25 职场文书
导游词之丽江普济寺
2019/10/22 职场文书
JavaScript的Set数据结构详解
2022/02/18 Javascript