JavaScript兼容浏览器获取元素的样式
程序员文章站
2022-04-10 14:55:44
...
获取元素正在使用的样式(只读样式,仅IE支持):element.currentStyle.样式名称
获取元素正在使用的样式(只读样式,IE8除外):getComputedStyle(element, null).样式名称
Tips:返回object对象,该对象中封装了当前元素的对应样式,参数一为目标元素,参数二为伪元素,一般传入null即可。
兼容element.currentStyle.styleName 和 getComputedStyle(element, null).styleName的通用方法:
function getElementStyle(elementObj, attrName) {
if (window.getComputedStyle) {
// 常见具备getComputedStyle()的浏览器
return getComputedStyle(elementObj, null)[attrName];
} else {
// IE8等不具备getComputedStyle()的浏览器
return elementObj.currentStyle[attrName];
}
}
推荐阅读
-
谈谈JavaScript中浏览器兼容问题的写法小议
-
JavaScript获取页面元素的常用方法
-
JavaScript 获取元素在父节点中的下标(推荐)
-
Javascript获取元素的xpath
-
html5\CSS3有哪些新特性、移除了哪些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分HTML和HTML5?
-
JS---获取元素计算后的样式属性值 (getComputedStyle)---兼容函数
-
js 获取元素的具体样式信息getcss(实例讲解)
-
怎样获取最新版的javascript文件,解决被浏览器缓存的问题
-
js jquery 获取某一元素到浏览器顶端的距离实现方法
-
重温JavaScript获取CSS样式的方法(兼容各浏览器)