ขนาดไคลเอ็นต์ขององค์ประกอบใน JavaScript
คุณสมบัติต่อไปนี้เก็บขนาดไคลเอ็นต์ ขององค์ประกอบ ซึ่งรวมขนาด เนื้อหาและช่องว่างภายใน (padding) แต่ไม่รวมแถบเลื่อน:
console.log(elem.clientWidth); // ความกว้าง
console.log(elem.clientHeight); // ความสูง
ขนาดเหล่านี้แสดงในภาพประกอบ:
มีองค์ประกอบและปุ่ม เมื่อคลิก ที่ปุ่ม ให้แสดงในคอนโซลความกว้างไคลเอ็นต์ และความสูงไคลเอ็นต์ขององค์ประกอบ