HTML DOM عنصر clientHeight پریمیوم اپریشن

تعلیم اور استعمال

clientHeight پریمیوم اپریشن عناصر کی دیکھائی والی اونچائی کو واپس فراہم کرتا ہے، اندرون کی پیدائشی دوری شامل ہوتی ہے، لیکن فریم، اسکرول بولٹ یا بیرونی پیدائشی دوری شامل نہیں ہوتی، پیکسلو میں.

clientHeight پریمیوم اپریشن ہے。

مزید دیکھئے:CSS فریم ورک درس

مزید دیکھئے:

clientWidth کا اپریشن

clientTop کا اپریشن

clientLeft کا اپریشن

offsetHeight کا اپریشن

offsetWidth کا اپریشن

اگر آپ کو ایک اسکرول بولٹ کا اضافہ کرنا ہے تو، CSS overflow اپریشن.

مثال

مثال 1

"myDIV" کی اونچائی اور چوڑائی کو حاصل کریں، اندرون کی پیدائشی دوری شامل ہوتی ہے:

const element = document.getElementById("myDIV");
let text = "clientHeight: " + element.clientHeight + "px<br>";
text += "clientWidth: " + element.clientWidth + "px";

خود کا تجربہ کریں

مثال 2: clientHeight/clientWidth اور offsetHeight/offsetWidth کی فرق

اسکرول بولٹ نہیں موجود ہے:

const element = document.getElementById("myDIV");
let text = "";
text += "clientHeight: " + element.clientHeight + "px<br>";
text += "offsetHeight: " + element.offsetHeight + "px<br>";
text += "clientWidth: " + element.clientWidth + "px<br>";
text += "offsetWidth: " + element.offsetWidth + "px";

خود کا تجربہ کریں

اسکرول بولٹ موجود ہے:

const element = document.getElementById("myDIV");
let text = "";
text += "clientHeight: " + element.clientHeight + "px<br>";
text += "offsetHeight: " + element.offsetHeight + "px<br>";
text += "clientWidth: " + element.clientWidth + "px<br>";
text += "offsetWidth: " + element.offsetWidth + "px";

خود کا تجربہ کریں

قواعد

element.clientHeight

وصول شدہ مقصد

کچھ معاملات وصف
نمبر عنصر کی دیکھائی والی اونچائی (پیکسلو میں)، اندرون کی پیدائشی دوری شامل ہوتی ہے。

براوزر سپورٹ

تمام براوزرز اسپورٹ کرتے ہیں element.clientHeight:

کروم آئی ای ایج فائر فاکس سافری آپریا
کروم آئی ای ایج فائر فاکس سافری آپریا
پشتیبند پشتیبند پشتیبند پشتیبند پشتیبند پشتیبند