offsetLeft与style.left四大区别

//    一、最大区别在于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四大区别)