استرداد ارتفاع Div في JavaScript عادي

يمكن أن يشكل تحديد ارتفاع عنصر div دون استخدام jQuery تحديًا. على الرغم من أن jQuery تقدم حلاً مباشرًا باستخدام التابع .height() الخاص بها، إلا أنها قد لا تكون الطريقة الأكثر فعالية لكل سيناريو. إليك كيفية تحقيق ذلك باستخدام جافا سكريبت العادي:

استخدام ClientHeight:

var clientHeight = document.getElementById('myDiv').clientHeight;

Using offsetHeight:بدلاً من ذلك، لا تتضمن خاصية offsetHeight فقط المساحة المتروكة ولكن أيضًا ارتفاع أشرطة التمرير والحدود. يمكن أن يكون هذا مفيدًا في مواقف معينة:

var offsetHeight = document.getElementById('myDiv').offsetHeight;