js中getComputedStyle 和currentStyle 的区别
2017-03-24 21:43
686 查看
1. getComputedStyle介绍
getComputedStyle:是一个可以获取当前元素所有最终使用的css属性值,同时也会获取该元素的默认css属性,返回的是一个css样式声明对象,只读。
语法:(IE9一下不支持,因此需要给出兼容写法)
var computed = window.getComputedStyle("元素", "伪类"); //第一个参数为必填参数,第二个参数如果没有伪类可以使用null
2. getCurrentStyle介绍
getCurrentStyle:和getComputedStyle 方法类似,都是可以获取元素的所有css属性(包括默认的属性),区别在于getCurrentStyle仅在IE中支持,返回的也是一个对象,只读
语法
var current = element.currentStyle("属性");// 3. getComputedStyle与getCurrentStyle的兼容写法
function getStyle( obj, attr ){
return window.getComputedStyle ? window.getComputedStyle(obj,attr).attr : obj.currentStyle.attr;
}
getComputedStyle:是一个可以获取当前元素所有最终使用的css属性值,同时也会获取该元素的默认css属性,返回的是一个css样式声明对象,只读。
语法:(IE9一下不支持,因此需要给出兼容写法)
var computed = window.getComputedStyle("元素", "伪类"); //第一个参数为必填参数,第二个参数如果没有伪类可以使用null
2. getCurrentStyle介绍
getCurrentStyle:和getComputedStyle 方法类似,都是可以获取元素的所有css属性(包括默认的属性),区别在于getCurrentStyle仅在IE中支持,返回的也是一个对象,只读
语法
var current = element.currentStyle("属性");// 3. getComputedStyle与getCurrentStyle的兼容写法
function getStyle( obj, attr ){
return window.getComputedStyle ? window.getComputedStyle(obj,attr).attr : obj.currentStyle.attr;
}
相关文章推荐
- currentStyle和getComputedStyle的区别
- js用obj.currentStyle和getComputedStyle获取非行间样式的说明
- 由于 box.style.left只能获取行内样式的值,不能获取到css中JS中样式left等值;用JS获取外部CSS样式--currentStyle和getComputedStyle的兼容写法
- style currentStyle getComputedStyle的区别和用法
- JS获取CSS样式(style/getComputedStyle/currentStyle)
- JS中style、currentStyle、getComputedStyle的区别
- JS获取CSS样式(style/getComputedStyle/currentStyle)
- Js中的style,currentStyle,getComputedStyle()区别
- style/currentStyle/getComputedStyle三者的区别的记录
- Js中的style,currentStyle,getComputedStyle()区别
- js中style,currentStyle和getComputedStyle的区别
- style, currentStyle, getComputedStyle的区别
- js便签笔记(7)——style、currentStyle、getComputedStyle区别介绍【转载】
- js中style,currentStyle,getComputedStyle和getBoundingClientRect的区别以及获取css操作方法
- JS获取CSS样式(style/getComputedStyle/currentStyle)
- js中关于style,currenStyle,和getComputedStyle的区别
- js中style,currentStyle和getComputedStyle的区别以及获取css操作方法
- 论style、getComputedStyle、currentStyle之间的区别和联系
- JS中style、currentStyle、getComputedStyle的区别
- js中获取元素属性、currentStyle与getComputedStyle的区别