码迷,mamicode.com
首页 > 编程语言 > 详细

Javascript 获取dom的宽度 随笔一

时间:2014-06-05 16:49:48      阅读:262      评论:0      收藏:0      [点我收藏+]

标签:c   style   class   blog   code   java   

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

获取不在行间宽度的方法

bubuko.com,布布扣
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);   
       }
}
bubuko.com,布布扣

 

 

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属性值的例子.

 
语法:
css_value=window.getComputedStyle.getPropertyValue(css_name)
 
返回值:
css_value:返回对某个css属性值的引用.如:text-align值,position值等.
 
 
参数
window.getComputedStyle:直接使用window对象调用getComputedStyle方法来获取所有可用的css属性.
css_name:要获取的css属性值的名称.比如:text-align,position,background等等

 

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

Javascript 获取dom的宽度 随笔一

标签:c   style   class   blog   code   java   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!