TAG
CSS
JavaScript
Result
Run
License
<div class="box"></div>
.box { position: absolute; left: 5%; top: 20px; width: 150px; height: 100px; border: 2px solid #FF0000; }
window.addEventListener("load", () => { const $promise = new Promise((resolve, reject) => { setTimeout(() => { var clientRect = document.querySelector(".box").getBoundingClientRect(); resolve(clientRect); }, 500); }); $promise.then((clientRect) => { console.log(`x: ${clientRect.x}`); console.log(`y: ${clientRect.y}`); console.log(`left: ${clientRect.left}`); console.log(`top: ${clientRect.top}`); console.log(`right: ${clientRect.right}`); console.log(`bottom: ${clientRect.bottom}`); console.log(`width: ${clientRect.width}`); console.log(`height: ${clientRect.height}`); }); });
Console
expand_less
License
License
by DevDic
Close