元素偏移量 · javascript

offsetParent --获取定位的父元素 offsetLeft //返回元素的相对定位父元素水平偏移位置 offsetTop //返回元素相对定位的父元素垂直偏移的位置 offsetWidth// 只读 offsetHeigth //只读 ~~~ <style> #parent { position: relative; width: 300px; height: 300px; background: red; } #child { border: 10px solid #333; padding: 20px; top: 50px; margin-top: 50px; left: 100px; margin-left: 100px; position: absolute; width: 100px; height: 100px; background: yellow; } </style> </head> <body> <div id="parent"> <div id="child"> </div> </div>  <script> var child = document.getElementById("child"); var parent = child.offsetParent; var offsetLeft = child.offsetLeft; var offsetTop = child.offsetTop; var offsetWidth = child.offsetWidth; console.log(parent); console.log(offsetLeft) //200 left+ margin-left不包括边框和padding console.log(offsetTop);//100 console.log(offsetWidth);//160 left padding border child.offsetWidth = 300; child.offsetTop = 400; </script> </body> ~~~