美文网首页学习
offsetLeft与style.left四大区别

offsetLeft与style.left四大区别

作者: 简单coder | 来源:发表于2018-02-04 17:07 被阅读110次

//    一、最大区别在于offsetLeft可以返回没有定位盒子的距离左侧的位置。

//如果父系盒子中都没有定位,以body为准。

//style.left只能获取行内式,如果没有返回“”;

//    二、offsetTop 返回的是数字,而 style.top 返回的是字符串,除了数字外还带有单位:px。

//div.offsetLeft = 100;    div.style.left = "100px";

//    三、offsetTop 只读,而 style.top 可读写。(只读是获取值,可写是赋值)

//style.left和style.top可以赋值

//offsetLeft和offsetTop只能获取值

//    四、如果没有给 HTML 元素指定过 top 样式,则style.top 返回的是空字符串。

//style.left只能获取行内式,如果没有返回“”;

相关文章

网友评论

    本文标题:offsetLeft与style.left四大区别

    本文链接:https://www.haomeiwen.com/subject/lwvxottx.html