కోర్సు సిఫారసులు:

HTML DOM Element offsetHeight అంశం

offsetHeight అంశం విధానం మరియు ఉపయోగం

offsetHeight అంశం మాత్రమే చదువుతుంది.

మరింత చూడండి:CSS ఫ్రేమ్ మోడల్ శిక్షణ విధానం

offsetParent

అన్ని బ్లాక్ బ్రీచర్ అంశాలు ఆఫ్సెట్ ప్యారెంట్ కుడివైపు పరిమితిని పరిగణించబడుతుంది:

  • offsetTop
  • offsetLeft
  • offsetWidth
  • offsetHeight

ఆఫ్సెట్ ప్యారెంట్ అనేది అత్యంత సమీపమైన అస్థిర స్థానానికి కలిగిన పూర్వపురుషుడు.

ఏది లేకపోయినప్పుడు, ఆఫ్సెట్ సంఖ్య డాక్యుమెంట్ ప్రాంతం కుడివైపు పరిమితిని పరిగణించబడుతుంది.

మరింత చూడండి:

offsetWidth అంశం

offsetParent అంశం

offsetTop అంశం

offsetLeft అంశం

clientTop అంశం

clientLeft అంశం

clientWidth అంశం

clientHeight అంశం

ఇన్స్టాన్స్

ఉదాహరణ 1

ప్రదర్శించండి "myDIV" యొక్క పొడవు మరియు వెడల్పును సహా, అంతర్భాగ ప్యాడింగ్ మరియు బార్డర్

const elmnt = document.getElementById("myDIV");
let text = "ప్యాడింగ్ మరియు బార్డర్ తో ప్రాంతం: " + elmnt.offsetHeight + "పిక్సెల్<br>;"
text += "Width with padding and border: " + elmnt.offsetWidth + "px";

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 2

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.offsetHeight

రాబట్టు

రకం వివరణ
సంఖ్య అంతరాయం ఎత్తు (పిక్సెల్స్ లో), లోపలి ప్యాడింగ్, బార్డర్ మరియు స్క్రోల్ బార్ సహా విషయం యొక్క దృశ్యాత్మక ఎత్తు.

బ్రౌజర్ మద్దతు

అన్ని బ్రౌజర్లు మద్దతు ఇస్తాయి element.offsetHeightఉంది:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
మద్దతు మద్దతు మద్దతు మద్దతు మద్దతు మద్దతు