画图描述CSS盒模型,用JS实现获取元素宽和位置,注意兼容性。
var element = document.getElementById("div0");
function getWeizhi (element) {
var top = document.documentElement.clientTop;
var left = document.documentElement.clientLeft;
var ele = element.getBoundingClientRect();
return{
top:ele.top - top,
right:ele.right - left,
bottom:ele.bottom - top,
left:ele.left - left,
width:ele.right - ele.left,
height:ele.bottom - ele.top
}
}