问答详情
源自:4-2 获取样式

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

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

提问者:yunsky0 2015-10-26 23:06

个回答

  • 慕男婶
    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

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

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