Javascript 获取dom的宽度 随笔一

标签：c   style   class   blog   code   java   

javascript 中 offsetWidth 获得的并不是 真实的宽度 不等于 style.width ;
offetWidth 实际上获得的是物体的盒模型尺寸。 包括 border padding 等尺寸。
obj.style.width 只能获得行间样式宽度，不能获得样式表中的样式中的宽度

获取不在行间宽度的方法

function getStyle(obj,name){
     if(obj.currentStyle){
         return obj.currentStyle[name]; /*仅支持IE*/
      }
      else{
         return getComputedStyle(obj,false)[name]; /*w3c 标准*/
           //兼容IE和火狐  return window.getComputedStyle.getPropertyValue(name);   
       }
}

Dom中的getPropertyValue方法可以用来获取元素中指定的css属性值．该方法支持W3C标准．与IE中的currentStyle方法作用相同．都是根据指定的css属性名称来获取属性值．比如要获取某div的宽度是多少，文字排放text-align是怎么对齐的，以及position如何定位的．
他们的区别是：
1：getPropertyValue必须配合getComputedStyle方法一起使用．
2：getPropertyValue支持W3C标准．但不支持IE浏览器，
3：currentStyle非W3C标准．只支持IE.不能在FF等浏览器下使用．
如果想在多浏览器里实现这种效果，必须根据判断浏览器来配合使用．我在下面会给出一个兼容IE和FF等浏览器获取元素css属性值的例子．

Javascript 获取dom的宽度 随笔一,布布扣,bubuko.com

Javascript 获取dom的宽度 随笔一

标签：c   style   class   blog   code   java   

原文地址：http://www.cnblogs.com/cestbon/p/3768736.html