js中利用style、currentStyle、getComputedStyle获取样式(CSS)的区别。

原创 1948712434 随笔 javascript 164阅读 2018-02-04 23:24:42 举报

Element.style只能获取行内样式,但是不能获取内联样式和外部样式。

例:

html 代码

如果将Css放在内联样式中,弹出窗口的就不是200px了,因为Element.style获取不到内联样式,所以是弹出来的窗口是空白的。

例:

html 代码

如何获取非行内样式?
IE浏览器支持currentStyle属性,火狐、谷歌支持getComputedStyle属性。并且getComputedStyle支持IE9及以上版本IE浏览器。

由此可以进行一个兼容的封装函数:

如:

[quote]function getStyle(el,value){
if(window.currentStyle){
return function(){
return el.currentStyle[value];
}
}else{
return function(){
return getComputedStyle(el,null)[value];
}
}
};
[/quote]

element.style可以获取样式还可以设置样式,currentStyle和getComputedStyle只可以获取样式不能设置样式。

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复