js获取高度和宽度

 

CreateTime--2017年7月24日10:15:47
Author:Marydon

js获取高度和宽度

参考连接:http://www.cnblogs.com/EasonJim/p/6229517.html

实现方式:

    style.height----offsetHeight,style.width----offsetWidth

第一种情况:

  宽高都写在样式表里,就比如 #div1{width:120px;height:100px;}。

  获取id=‘div1’的宽和高,如何实现?

  通过document.getElementById('div1').style.height/width,返回值为空,即获取不到宽和高;

  必须通过document.getElementById('div1').offsetHeight/offsetWidth  

第二种情况:

  宽和高写在行内,如style="width:120px;height:100px;" 

  上述2个方法都能获取到宽度和高度

两者的区别:

  a.通过style.attr的方式取值有限制条件:即要获取的属性必须在行内样式中声明;而id.offsetWidth和id.offsetHeight无视样式写在样式表还是行内,都能获取到元素的宽和高;

  b.offsetWidth/offsetHeight=容器宽度+两侧边框宽度,返回值是数值;而style.attr返回的就是div的宽度,返回值是数值+"px"。

 

 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值