offsetLeft和style.left的区别

Posted 凉白开的你

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了offsetLeft和style.left的区别相关的知识,希望对你有一定的参考价值。

1.offsetLeft可以返回没有定位盒子的距离左侧的位置,如果父系盒子中都没有定位,以body为准;
    而style.left只能获取行内式,如果没有返回" ";
2.offsetLeft返回的是数字,而style.left返回的是字符串,除了数字外还有px
    例如:  div.offsetLeft = 100;         div.style.left = "100px"
3.offsetLeft只读,而style.left可读写(只读是获取值,可写是赋值)
4.如果没有给html元素指定过left样式,则style.left返回的是空字符串
 
offsetTop和style.top同理

以上是关于offsetLeft和style.left的区别的主要内容,如果未能解决你的问题,请参考以下文章

style.left 与offsetLeft之间的区别

JS下offsetLeft,style.left,以及jQuery中的offset().left,css("left")的区别。

DOM中offsetLeft与style.left的区别

offsetLeft与style.left的区别

offsetLeft 和 style.left

js的杂乱笔记