Как получить значение ширины элемента с clientWidth?

Question

Я не могу вернуть значение ширины элемента.

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

Это возвращает меня "undefined" в консоли.То же самое с 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>