Mafanikio ya offsetHeight ya Kifumo cha HTML DOM Element

Maelezo ya Kufanyia na Kusoma

offsetHeight Mafanikio hupata kipungatia cha kiwango cha kina cha kijana cha kina, kwa miti, kwa kufikia na kufikia, kama hana mawendo ya nje, kwa miti.

offsetHeight Mafanikio ni ya kusoma tu.

Tazama pia:Mwongozo wa Kifumo cha CSS

offsetParent

Mafanikio ya kila kina kubwa zinatoa kipungatia kwa kuzingatia mwenyekani wa kufikia:

  • offsetTop
  • offsetLeft
  • offsetWidth
  • offsetHeight

Mwenyekani wa kufikia ni mengine wa kina ambao ana uwezo wa kuingia na kufikia kina hiki.

Ikiwa hana mwenyekani wa kufikia, kipungatia kilichotumiwa kwa kuzingatia mawendo wa mawendo ya wasifu waandiko.

Tazama pia:

Mfano offsetWidth

Mfano offsetParent

Mfano offsetTop

Mfano offsetLeft

Mfano clientTop

Mfano clientLeft

Mfano clientWidth

Mfano clientHeight

Mimba

Mfano 1

Onyesha kipungatia na kufikia ya "myDIV", kuingia na kufikia:

const elmnt = document.getElementById("myDIV");
let text = "Kipungatia na kufungua na kufikia: " + elmnt.offsetHeight + "px<br>";
text += "Width with padding and border: " + elmnt.offsetWidth + "px";

Jaribu kina kwa matokeo

Mfano 2

Muuzi wa clientHeight/clientWidth na offsetHeight/offsetWidth

Kuna kichukio cha kusoma:

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";

Jaribu kina kwa matokeo

Hakuna kichukio cha kusoma:

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";

Jaribu kina kwa matokeo

Makosa

element.offsetHeight

Kichwa cha matumizi

Aina Maelezo
Namba Ukubwa wa kina wa kiagizo (kwa mita), ikiwemo mibarabara, mabomu na kichukio cha kusoma.

Mwakilishi wa mifumo ya kibali

Mtuwa wote wa mifumo ya kibali wameingia element.offsetHeight:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Mwakilishi Mwakilishi Mwakilishi Mwakilishi Mwakilishi Mwakilishi