javascript - 如何使用 clientWidth 获取元素的宽度值？

Question

我无法返回元素的宽度值。

let dimensionPopup1 = popup.getElementsByTagName("img");
console.log(dimensionPopup1.clientWidth);

它在控制台中返回“未定义”。与 offsetWidth、scrollWidth 和 width 相同。当我在控制台中检查DimensionPopup1时，我看到了所有元素及其值。我做错了什么？

Answer 1

getElementsByTagName返回一个元素数组，因此您必须访问数组中的各个元素才能获取它们的属性。

例如...

var items = document.getElementsByTagName("div");
Array.prototype.forEach.call(items, x => console.log(x.clientHeight));

<div>A</div>
<div>B<br/>B</div>
<div>C<br/>C<br/>C</div>