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

Question

我无法return元素宽度的值。

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

它在控制台中 return 发送我 "undefined"。与 offsetWidth、scrollWidth 和 width 相同。当我在控制台中检查 dimensionPopup1 时，我看到了所有元素及其值。我做错了什么？

Answer 1

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

例如...

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>

How to get width value of an element with clientWidth?