obj.style.width与obj.offsetwidth有什么区别?

来源:4-2 获取样式

yunsky0

2015-10-26 23:06

obj.style.width与obj.offsetwidth有什么区别?我听不懂

写回答 关注

2回答

  • 慕男婶
    2015-10-27 10:50:16
    已采纳

    区别是:obj.style.width 是获取的content区的宽度,并且只能获取行内样式;而offsetWidth获取的是盒子宽度。

    例如:

    <div class="d"></div>

    .d{

        width:200px;

        height:200px;

        border:10px #ccc solid;

        padding:10px;

        background:red;

    }

    d.offsetWidth = 200(content区宽度) + 10X2(两边的padding) + 10X2(两边的border)  = 240

    友情赠送另外一个:clientWidth

    d.clientWidth = 200(content区宽度) + 10X2(两边的padding) = 220

    慕男婶 回复z92112...

    前者取出的是带单位的字符串,例如"200px",使用parsetInt之后,变成200

    2016-04-13 17:17:38

    共 2 条回复 >

  • 心悦君夕
    2015-10-27 10:48:13

    http://www.imooc.com/code/1705

JS动画效果

通过本课程JS动画的学习,从简单动画开始,逐步深入各种动画框架封装

113925 学习 · 1443 问题

查看课程

相似问题