6.2.25 BOM offset系列
阿新 • • 發佈：2018-07-22
設置 utf-8 osi var 20px pos scrip window sha
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div style="position: relative;">
<div id="box" style="width: 200px;height: 200px;border: 1px solid red; padding: 10px;margin: 10px;position: absolute;top: 20px;left: 30px;">
</div>
</div>
</body>
<script type="text/javascript">
window.onload = function(){
var box = document.getElementById(‘box‘)
//占位寬 高 Top Left
/*
* offsetTop: 如果盒子沒有設置定位 到瀏覽器的頂部的距離,如果盒子設置定位，那麽是以父盒子為基準的top值
* offsetLeft： 如果盒子沒有設置定位 到瀏覽器的左部的距離，如果盒子設置定位，那麽是以父盒子為基準的left值
* offsetWidth 內容+padding+border
* */
console.log(box.offsetTop)
console.log(box.offsetLeft)
console.log(box.offsetWidth)
console.log(box.offsetHeight)
}
</script>
</html>
6.2.25 BOM offset系列