คุณสมบัติ offsetHeight
คุณสมบัติ offsetHeight เก็บความสูงทั้งหมด
ขององค์ประกอบ (รวมความกว้างขององค์ประกอบเอง,
ความสูงของเส้นขอบ, ระยะห่างภายใน,
แถบเลื่อน):
ไวยากรณ์
element.offsetHeight;
ตัวอย่าง
มาเรียนรู้ขนาดทั้งหมดขององค์ประกอบกัน:
<div id="elem"></div>
#elem {
width: 100px;
height: 100px;
padding: 15px;
border: 10px solid black;
}
let elem = document.querySelector('#elem');
console.log(elem.offsetHeight);
ผลลัพธ์จากการรันโค้ด:
150
ดูเพิ่มเติม
-
คุณสมบัติ
clientHeight,
ซึ่งเก็บความสูงขององค์ประกอบภายในเส้นขอบ -
คุณสมบัติ
offsetWidth,
ซึ่งเก็บความกว้างทั้งหมดขององค์ประกอบ -
เมธอด
getComputedStyle,
ซึ่งรับค่าคุณสมบัติ CSS ขององค์ประกอบ
