ขนาดไคลเอ็นต์ขององค์ประกอบใน JavaScript

คุณสมบัติต่อไปนี้เก็บขนาดไคลเอ็นต์ ขององค์ประกอบ ซึ่งรวมขนาด เนื้อหาและช่องว่างภายใน (padding) แต่ไม่รวมแถบเลื่อน:

javascriptconsole.log(elem.clientWidth);  // ความกว้าง
console.log(elem.clientHeight); // ความสูง

ขนาดเหล่านี้แสดงในภาพประกอบ:

Задание 1

มีองค์ประกอบและปุ่ม เมื่อคลิก ที่ปุ่ม ให้แสดงในคอนโซลความกว้างไคลเอ็นต์ และความสูงไคลเอ็นต์ขององค์ประกอบ