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:

చ్రోమ్ ఐఇ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఒపెరా
చ్రోమ్ ఐఇ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఒపెరా
మద్దతు మద్దతు మద్దతు మద్దతు మద్దతు మద్దతు