HTML DOM عنصر clientWidth اپریشن

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

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

clientWidth ایمپلائز اپریشن صرف پڑھنا ہی پوچھ سکتا ہے.

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

بھی دیکھئے:

clientHeight اپریشن

clientTop اپریشن

clientLeft اپریشن

offsetHeight اپریشن

offsetWidth اپریشن

اگر آپ اسکرول بار کو عنصر میں شامل کرنا چاہتے ہیں تو خصیصة overflow CSS.

مثال

مثال 1

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

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

آپ خود سنجوئی کریں

مثال 2

مثال 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.clientWidth

بازگشتی مرتبہ

کچھ کی نوعیت وصف
اعداد عنصر کی دیکھائی میں چوڑائی (پیکسلو میں)، شامل اندرون پیدائش.

براوزر کی پشتیبندگی

تمام براوزر پشتیبند کراتی ہیں element.clientWidth:

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