JS获取和修改元素样式
来源:互联网 发布:sql截取字符串的函数 编辑:程序博客网 时间:2024/06/06 16:36
1、获取元素样式:
可以通过元素的style属性,获取元素行内样式。style属性是一个对象,包括一系列样式属性。例如:color, backgourdColor。
上面讲的通过style属性获取元素样式,不推荐使用。
下面的一段代码,可以获取元素运行时的样式,即全局的样式。这种方式可以动态获取元素的样式,例如元素大小。
// node:将要获取其计算样式的元素节点// attr: 样式属性名称function getCurrentStyle(node, attr) { var style = null; //dom标准方式 if(window.getComputedStyle) { style = window.getComputedStyle(node, null); } else{ style = node.currentStyle; //ie方式 } return style[attr];}
2、修改元素样式
直接通过元素的style属性,例如: p.style.backgroundColor = "red"
注意:当通过上面方法获取或修改元素样式时,属性名称和定义的元素属性名称有区别。例如:通过css的background-color定义背景色,那么在js中获取或修改这个样式属性时需要将‘-’ 符号后的首字母转换成大小。
0 0
- JS获取和修改元素样式
- 获取和修改伪元素样式
- JS修改元素样式
- js获取元素样式
- JS获取元素样式
- JS获取元素样式
- 原生js和jquery获取修改元素
- 原生js获取元素样式
- 原生js获取元素样式
- js 获取元素css样式
- 原生js获取元素样式
- js获取元素样式嵌入css样式
- jquery之修改元素样式(获取和设置样式,使用css(),width(),height()方法)
- js中cssText批量修改元素样式
- js正确获取元素样式详解
- js 一段代码获取元素class样式
- js获取Dom元素的属性样式
- js获取元素具体样式属性值
- 手斧Linux – 从LFS到Funtoo (14)
- 奇幻之旅一
- PyQt Phonon实现音乐播放器
- hibernate hql 处理的都是实体bean
- 手斧Linux – 从LFS到Funtoo (15)
- JS获取和修改元素样式
- <Android>控件Spinner的基本使用
- BootstrapQ 封装Bootstrap tree,dialog等
- 手斧Linux – 从LFS到Funtoo (16)
- 2、fatal error: malformed or corrupted AST file: 'Unable to load module Darwin.pcm 问题解决
- java--枚举使用小例
- unity3D—Mono Develop脚本编辑器
- this class is not key value coding-compliant for the key Button 错误解决方法
- HDU2547(数学逻辑)