js如何获取元素宽高?
来源:好程序员 发布人:yyy

在 JavaScript 中,可以使用以下方法来获取元素的宽度和高度:
1. 使用 `offsetWidth` 和 `offsetHeight` 属性:这些属性返回元素的可见宽度和高度,包括元素的边框、内边距和滚动条(如果存在)。
let element = document.getElementById("myElement");
let width = element.offsetWidth;
let height = element.offsetHeight;
2. 使用 `clientWidth` 和 `clientHeight` 属性:这些属性返回元素的可见宽度和高度,不包括元素的边框和滚动条,但包括内边距。
let element = document.getElementById("myElement");
let width = element.clientWidth;
let height = element.clientHeight;
3. 使用 `getBoundingClientRect()` 方法:这个方法返回一个包含元素位置和尺寸信息的 DOMRect 对象。通过访问 DOMRect 对象的 `width` 和 `height` 属性,可以获取元素的宽度和高度。
let element = document.getElementById("myElement");
let rect = element.getBoundingClientRect();
let width = rect.width;
let height = rect.height;
以上方法都可以用于获取元素的宽度和高度。根据具体的需求,选择合适的方法来获取所需的尺寸信息。