HTML DOM Element clientWidth অপারেটর

সংজ্ঞা ও ব্যবহার

clientWidth এটি এলিমেন্টের দৃশ্যমান প্রস্থ ফিরায়, অন্তর্বর্তী প্যাডিং সহ, কিন্তু ফার্ম, সরঞ্জাম বা বাইরের প্যাডিং সহ নয়, পিক্সেল অনুযায়ী

clientWidth এটি অপসারণযোগ্য

অন্যান্য দেখুন:CSS ফ্রেমওয়ার্ক শিক্ষাক্রম

অন্যান্য দেখুন:

clientHeight অপারেটর

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

উদাহরণ 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：

চ্রোম আইই এজ ফায়ারফক্স স্যাফারি অপেরা
চ্রোম আইই এজ ফায়ারফক্স স্যাফারি অপেরা
সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন