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

【问题标题】：How to get width value of an element with clientWidth?如何使用clientWidth获取元素的宽度值？
【发布时间】：2019-06-06 23:53:33
【问题描述】：

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

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

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

【问题讨论】：

【解决方案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>

【讨论】：