คุณสมบัติ 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 ขององค์ประกอบ