获取上偏移与左偏移
会获取自己与定了位的父级的上与左距离
强调,一定定了位的父级
示例:
var eleInner = document.querySelector(".inner")
console.log("上偏移", eleInner.offsetTop)
console.log("左偏移", eleInner.offsetLeft)
获取自身的实际占位
实际占位宽由以下部分组成:
自身的宽+左右填充+左右边框 = 实际的宽
实际占位高由以下部分组成:
自身的高+上下填充+上下边框 = 实际的高
获得实际的宽
dom对象.offsetWidth
获得实际的高
dom对象.offsetHeight
示例:
var eleInner = document.querySelector(".inner")
console.log("实际宽", eleInner.offsetWidth)
console.log("实际高", eleInner.offsetHeight)