使用 JavaScript 獲取元素的高度和寬度

要獲取 HTML 元素的高度和寬度，可以使用 offsetHeight 和 offsetWidth 屬性。

這些屬性以像素為單位返回元素的可視高度和寬度，包括邊框、內邊距和滾動條，但不包括邊距。

這是一個例子：

const pizza = document.querySelector('.pizza');

const height = pizza.offsetHeight;
const width = pizza.offsetWidth;

要跳過邊框和滾動條，並獲取僅包含填充的寬度和高度，您可以使用 clientWidth 和 clientHeight 屬性：

const pizza = document.querySelector('.pizza');

const height = pizza.clientHeight;
const width = pizza.clientWidth;