عميل HTML DOM Element
❮ عنصر العنصرمثال
احصل على ارتفاع وعرض "myDIV" ، بما في ذلك المساحة المتروكة:
const elmnt = document.getElementById("myDIV");
let text = "Height with padding: " + elmnt.clientHeight + "px<br>";
text += "Width with padding: " + elmnt.clientWidth + "px";
المزيد من الأمثلة أدناه.
التعريف والاستخدام
تُرجع clientHeight
الخاصية الارتفاع القابل للعرض لعنصر بالبكسل ، بما في ذلك المساحة المتروكة ، ولكن ليس الحد أو شريط التمرير أو الهامش.
clientHeight
الخاصية للقراءة فقط .
بناء الجملة
element.clientHeight
قيمة الإرجاع
نوع | وصف |
عدد | الارتفاع القابل للعرض للعنصر (بالبكسل) بما في ذلك المساحة المتروكة |
الفرق بين clientHeight / clientWidth و offsetHeight / offsetWidth
بدون شريط التمرير:
const elmnt = document.getElementById("myDIV");
let text = "";
text += "Height with padding: " + elmnt.clientHeight + "px<br>";
text += "Height with padding and border: " + elmnt.offsetHeight + "px<br>";
text += "Width with padding: " + elmnt.clientWidth + "px<br>";
text += "Width with padding and border: " + elmnt.offsetWidth + "px";
باستخدام شريط التمرير:
const elmnt = document.getElementById("myDIV");
let text = "";
text += "Height with padding: " + elmnt.clientHeight + "px<br>";
text += "Height with padding, border and scrollbar: " + elmnt.offsetHeight + "px<br>";
text += "Width with padding: " + elmnt.clientWidth + "px<br>";
text += "Width with padding, border and scrollbar: " + elmnt.offsetWidth + "px";
دعم المتصفح
element.clientHeight
مدعوم في جميع المتصفحات:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |
❮ عنصر العنصر