Atribut offsetHeight HTML DOM Element

Definisi dan penggunaan

offsetHeight Atribut mengembalikan ketinggian yang terlihat elemen (dalam satuan piksel), termasuk pengisian dan batas, tetapi tanpa margin.

offsetHeight Atribut adalah hanya-baca.

Lihat juga:Panduan Model Bok CSS

offsetParent

Semua elemen blok melaporkan nilai offset terhadap induk offset:

  • offsetTop
  • offsetLeft
  • offsetWidth
  • offsetHeight

Induk offset adalah bapak terdekat yang memiliki posisi non-statis.

Jika tidak ada induk offset, nilai offset adalah relatif kepada teks utama dokumen.

Lihat juga:

Atribut offsetWidth

Atribut offsetParent

Atribut offsetTop

Atribut offsetLeft

Atribut clientTop

Atribut clientLeft

Atribut clientWidth

Atribut clientHeight

Contoh

Contoh 1

Tunjukkan ketinggian dan lebar "myDIV" termasuk pengisian dan batas:

const elmnt = document.getElementById("myDIV");
let text = "Ketinggian dengan pengisian dan batas: " + elmnt.offsetHeight + "px<br>";
text += "Lebar dengan marjin dan garis: " + elmnt.offsetWidth + "px";

Coba sendiri

Contoh 2

Perbezaan antara clientHeight/clientWidth dan offsetHeight/offsetWidth

Dengan palang gerak:

const elmnt = document.getElementById("myDIV");
let text = "";
text += "Lebar dengan marjin: " + elmnt.clientHeight + "px<br>";
text += "Ketinggian dengan marjin dan garis: " + elmnt.offsetHeight + "px<br>";
text += "Ketinggian dengan marjin: " + elmnt.clientWidth + "px<br>";
text += "Lebar dengan marjin dan garis: " + elmnt.offsetWidth + "px";

Coba sendiri

Tanpa palang gerak:

const elmnt = document.getElementById("myDIV");
let text = "";
text += "Lebar dengan marjin: " + elmnt.clientHeight + "px<br>";
text += "Lebar dengan marjin, garis dan palang gerak: " + elmnt.offsetHeight + "px<br>";
text += "Ketinggian dengan marjin: " + elmnt.clientWidth + "px<br>";
text += "Ketinggian dengan marjin, garis dan palang gerak: " + elmnt.offsetWidth + "px";

Coba sendiri

Sintaks

element.offsetHeight

Nilai kembalian

Jenis Deskripsi
Angka Ketinggian visual elemen (dinyatakan dalam piksel), termasuk marjin dalam, garis dan palang gerak.

Dukungan pelayar

Semua pelayar mendukung element.offsetHeight:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan Dukungan