Как скриптом добавить класс (lazyload) к изображению?
Задача скриптом добавить класс к уже имеющемуся классу в изображении.
Пример:
<img src="https://site.ru/image.jpg" class="store"> - и не важно какой сейчас класс у разных изображений (они могут быть разные), важно внести туда свой класс "lazyload"
Ответы (1 шт):
Автор решения: MaximLensky
→ Ссылка
Смотрим пример на весь экран - открываем консоль разработчика - и смотрим что class="num"
window.onload = function() {
let images = [...document.getElementsByTagName("img")];
for (let i = 0; i < images.length; i++) {
images[i].classList.add("num");
}
}<img src="http://placehold.it/28" alt="">
<img src="http://placehold.it/30" alt="">
<img src="http://placehold.it/20" alt="">
<img src="http://placehold.it/26" alt="">Ещё вот так можно
document.querySelectorAll("img").forEach(function(i, e) {
i.classList.add("new");
})<img src="http://placehold.it/30" class="img" alt="">
<img src="http://placehold.it/40" class="img" alt="">
<img src="http://placehold.it/50" class="img" alt="">Оба примера добавляют class таким образом
<image src="" class="class1 class2">
