تحديد العرض الفعلي وارتفاع عنصر html فيما يلي كيفية استرداد العرض الفعلي وارتفاع عنصر ما بكفاءة.

تمثل. لاحظ أن هذه الخصائص هي جزء من العنصر ، وليس كائن .style الخاص به.

أبعاد وموقع عنصر داخل إطار العرض كأرقام فاصلة. يتضمن ذلك موضع العنصر وعرضه وارتفاعه بعد تطبيق تحويلات CSS. // الإخراج: // DOMRECT { // ... // العرض: 631 ، // عرض العنصر بالبكسل // الارتفاع: 54.7 ، // ارتفاع العنصر بالبكسل // ... //}

const width = document.getElementById('foo').offsetWidth;

بما في ذلك:

chrome

console.log(document.getElementById('foo').getBoundingClientRect());

// Output:
// DOMRect {
//   ...
//   width: 631,  // Element's width in pixels
//   height: 54.7, // Element's height in pixels
//   ...
// }