offset属性用于获取元素的尺寸和位置信息，包括offsetWidth、offsetHeight、offsetTop和offsetLeft。它是一个只读属性，不受行内样式影响。offsetWidth和offsetHeight表示元素的实际宽度和高度，不包括隐藏部分。offsetTop和offsetLeft则分别给出元素相对于其offsetParent的上边界和左边界距离。offsetParent属性指示元素的定位父元素，若无定位则向上追溯至body。示例代码展示了offset属性在不同场景下的应用。
https://segmentfault.com/a/1190000015961743
看了以上博客后的自我总结：
offset是做什么用的呢？
事实上是为了获取元素的长和宽、以及位置，是一个只读属性，不可更改。
别说获取元素的长宽可以使用objec.style.width/height，这个只能获取写在行内样式中的元素长宽，否则返回为空。
如下：
写在行内样式中
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
</head>
<body>
<div id="box" style="width:100px;height:100px;background: pink">hahahah</div>
</body>
<script>
var box = document.getElementById("box");
console.log(box.style.width);
</script>
</html>
结果：
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
