Как использовать querySelectorAll вместо других методов для ориентации на несколько элементов? [дубликат] ⇐ Javascript

[Anonymous]

Мне нужно настроить таргетинг на все элементы img внутри класса .lazy-load-wrapper и добавить к нему несколько атрибутов. И мне нужно использовать querySelectorAll, но я столкнулся с ошибкой

Код: Выделить всё

Uncaught TypeError: elmnt.setAttribute is not a function. Я думаю, мне нужно зациклить элемент

внутри querySelectorAll, потому что это статический список узлов, но как мне это сделать?
Вот коды:

Код: Выделить всё

function theLazyLoader () {
const eleAttributes = {
loading: 'lazy',
class: 'lazy-load-spinner',
};
function setMultipleAttributes(elmnt, attributesToSet) {
Object.keys(eleAttributes).forEach(i => {
elmnt.setAttribute(i, eleAttributes[i]);
});
}
const img = document.querySelectorAll('.lazy-load-wrapper img');
setMultipleAttributes(img, eleAttributes);
}
theLazyLoader();

Код: Выделить всё

img {
width: 400px;
height: 300px;
display: block;
margin: 10px auto;
border: 0;
}

.lazy-load-spinner {
background: url("https://cdn.pixabay.com/animation/2023/10/10/13/27/13-27-45-28_512.gif") center center/100px 100px no-repeat #F1F1FA;
}

Код: Выделить всё

[img]https://ik.imagekit.io/demo/img/image1.jpeg?tr=w-400,h-300[/img]
[img]https://ik.imagekit.io/demo/img/image2.jpeg?tr=w-400,h-300[/img]
[img]https://ik.imagekit.io/demo/img/image3.jpg?tr=w-400,h-300[/img]
[img]https://ik.imagekit.io/demo/img/image4.jpeg?tr=w-400,h-300[/img]
[img]https://ik.imagekit.io/demo/img/image5.jpeg?tr=w-400,h-300[/img]
[img]https://ik.imagekit.io/demo/img/image6.jpeg?tr=w-400,h-300[/img]
[img]https://ik.imagekit.io/demo/img/image7.jpeg?tr=w-400,h-300[/img]
[img]https://ik.imagekit.io/demo/img/image8.jpeg?tr=w-400,h-300[/img]
[img]https://ik.imagekit.io/demo/img/image9.jpeg?tr=w-400,h-300[/img]
[img]https://ik.imagekit.io/demo/img/image10.jpeg?tr=w-400,h-300[/img]

Подробнее здесь: https://stackoverflow.com/questions/793 ... iple-eleme