คุณสมบัติ offsetHeight

คุณสมบัติ offsetHeight เก็บความสูงทั้งหมด ขององค์ประกอบ (รวมความกว้างขององค์ประกอบเอง, ความสูงของเส้นขอบ, ระยะห่างภายใน, แถบเลื่อน):

ไวยากรณ์

javascriptelement.offsetHeight;

ตัวอย่าง

มาเรียนรู้ขนาดทั้งหมดขององค์ประกอบกัน:

html<div id="elem"></div>
css#elem {
  width: 100px;
  height: 100px;
  padding: 15px;
  border: 10px solid black;
}
javascriptlet elem = document.querySelector('#elem');
console.log(elem.offsetHeight);

ผลลัพธ์จากการรันโค้ด:

javascript150

ดูเพิ่มเติม

  • คุณสมบัติ clientHeight,
    ซึ่งเก็บความสูงขององค์ประกอบภายในเส้นขอบ
  • คุณสมบัติ offsetWidth,
    ซึ่งเก็บความกว้างทั้งหมดขององค์ประกอบ
  • เมธอด getComputedStyle,
    ซึ่งรับค่าคุณสมบัติ CSS ขององค์ประกอบ