用JS改变CSS样式
来源:互联网 发布:c语言 libevent 编辑:程序博客网 时间:2024/04/30 05:56
1.标签中加入style属性:
<div id="div1" style="display:none;"></div>
这种可以直接获取其样式:
var display = document.getElementById("div1").style.display;
2.在style标签中加入样式
<style>.hide { display:none;}</style><div id="div1" class="hide"></div>
用document.getElementById(‘element’).style.xxx可以获取元素的样式信息,可是它获取的只是DOM元素style属性里的样式规则,对于通过class属性引用的外部样式表,就拿不到我们要的信息。DOM标准里有个全局方法getComputedStyle,可以获取到当前对象样式规则信息,如:getComputedStyle(obj,null).paddingLeft,就能获取到对象的左内边距。但是事情还没完,万恶的IE不支持此方法,它有自己的一个实现方式,那就是currentStyle,不同于全局方法getComputedStyle,它是作为DOM元素属性存在的,如:obj.currentStyle.paddingLeft,在IE中就获取到对象的左内边距了,兼容性的写法如下:
return window.getComputedStyle ? window.getComputedStyle(obj,null).paddingLeft : obj.currentStyle.paddingLeft;
0 0
- 用js改变css样式
- 用JS改变CSS样式
- Js改变css样式
- [转载]用JS改变CSS样式
- 用JS改变的元素CSS样式
- 用js动态改变css样式表
- 用JS改变的元素CSS样式
- 用JS改变的元素CSS样式
- 用JS改变的元素CSS样式
- js 改变css样式值
- js重复改变css样式
- js jquery 改变css样式
- js动态改变css样式
- js改变style样式和css样式
- js改变style样式和css样式
- js改变style样式和css样式
- 如何使用JS来改变CSS样式
- 如何使用JS来改变CSS样式
- [ IP forward ] with Android 4.0 don't work
- 开发运维工具组件介绍
- WindowManager$BadTokenException:Unable to add window--token null is not for an application
- Struts2 validation验证失败之后s:select的list返回不了的解决
- 盒子模型
- 用JS改变CSS样式
- python 正则匹配
- 常见设计模式之单例模式(Singleton)
- OOM的一些理解与处理
- SpringMvc注解方式开发入门
- IOS-Frameworks-UIKit-UIView.h-frame属性和bounds属性
- 仿知乎主页,上滑隐藏NavigationBar,下滑显示
- 【BZOJ 2453】【JZOJ 2491】维护队列
- 什么是嵌入式系统