分不清用obj.style.width 和obj.offsetWidth的区别 有谁知道啊

来源:4-1 JS多物体动画

秋天傻丫丫

2016-05-12 14:33

分不清用obj.style.width 和obj.offsetWidth的区别 有谁知道啊

写回答 关注

3回答

  • kafu123
    2016-07-08 08:54:34

    offsetwidth:是元素相对父元素的偏移宽度。等于border+padding+width,这样应该明白了吧。

  • mirrorofsky
    2016-05-16 15:42:52

    你只能给div标签本身带有的HTML属性进行赋值,比如:
    <div id=abc class="style1" align="center" style="width:20px" title="我是div">...</div>
    那么你可以
    div.id="hehe";
    div.className="style2";
    div.align="right";
    div.style.width="100px";
    div.title="修改后的说明";
    ……
    但是你见过有
    <div offsetwidth="100px">...</div>
    这样的吗?
    所以你不能给div.offsetWidth赋值,因为它是Dom属性,不是HTML属性!
    如果标签本身带有width属性,比如img,那么你可以给 img.width 赋值(必须用数值如100进行赋值,不能用"100px"这样带单位的字符串),但是img.offsetWidth仍然不行!

  • qq_挺哥_0
    2016-05-12 16:33:05

    obj.style.width返回的是“50px”,而obj.offsetWidth返回的是“50”。IE6.0、FF1.06+:offsetWidth = width + padding + border。IE5.0/5.5:offsetWidth = width

JS动画效果

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

113925 学习 · 1443 问题

查看课程

相似问题