currentStyle与getComputedStyle的用法

currentStyle与getComputedStyle都是用来获取行内元素style里的属性的。区别在于currentStyle只能用在IE浏览器中。而getComputedStyle可以用在其它非IE浏览器中。

为什么会用到这两个东西，有人会问，如我想获取某个div框的width或height，可以用offsetWidth和offsetHeigth，但通过offset方法获取的值，是包含border宽度的值，并不是div本身的width和height的值。因此如果想给div的style属性的width赋值，不能用oDiv.style.width=oDiv.offsetWidth,而是要使用如下方法：

function getStyle(obj,name){//自定义获取style的方法，传入的参数是当前对象和要获取style中的属性名。
if(obj.currentStyle){//判断是否是IE浏览器
  return obj.currentStyle[name];
  }
else{
  return getComputedStyle(obj,null)[name];
  }
}

oDiv.style.width=getStyle(oDiv,width)+5+'px';//意思是给div的width值+5.

currentStyle与getComputedStyle的用法相关推荐

getComputedStyle和currentStyle的区别和用法
获取元素CSS值之getComputedStyle方法熟悉一.碎碎念~前言我们都用过jQuery的CSS()方法,其底层运作就应用了getComputedStyle以及getPropertyVal ...
getComputedStyle、currentStyle的区别与用法
获取元素CSS值之getComputedStyle方法熟悉 by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinx ...
currentStyle与getComputedStyle应用
getComputedStyle获取的是计算机(浏览器)计算后的样式,但是不兼容IE6.7.8(主要用于非IE浏览器) currentStyle方法兼容IE6.7.8,但是不兼容标准浏览器(主要用于I ...
浅谈style，currentStyle以及getComputedStyle
浅谈style ,currentStyle以及getComputedStyle 最近在学习web,希望通过写博客的方式来记录自己的学习情况,这是我的第一篇博客,可能写的不好,如果有不恰当的地方,有大佬 ...
currentStyle和getComputedStyle的区别
currentStyle和getComputedStyle返回的都是字符串,比如返回的是"10px". currentStyle和getComputedStyle都为只读不可写,c ...
js中style,currentStyle和getComputedStyle的区别以及获取css操作方法
在js中,之前我们获取属性大多用的都是ele.style.attr这种形式的方法,但是这种方法是有局限性的,该方法只能获取到行内样式,获取不了外部的样式.所以呢下面我就教大家获取外部样式的方法,因为获 ...
使用JS读取元素的样式currentStyle，getComputedStyle()
1.获取当前显示的样式 * 语法: * 元素.currentStyle.样式名 * 它可以用来读取当前元素正在显示的样式 ...
currentStyle与getComputedStyle
1.getComputedStyle() 获取到的是计算机(浏览器)计算后的样式 ie9以下不兼容//获取元素的宽度 oDiv.style.cssText="width:350px;& ...
CSSOM之getComputedStyle,currentStyle,getPropertyValue,getAttribute
js关于CSSOM编程的样式相关几个常用的方法 webkit:getComputedStyle,getPropertyValue IE:currentStyle,getAttribute 前言 jqu ...

currentStyle与getComputedStyle的用法

currentStyle与getComputedStyle的用法相关推荐

最新文章

热门文章