Как поменять имя атрибута у элемента?

142
15 августа 2021, 00:30

У меня есть много тегов <img> и у некоторых из них вместо data-src="путь/к/картинке" стоит data-lazy="путь/к/картинке", и это ломает lazyload на моем сайте.

Как можно поменять название атрибута data-lazy на data-src?

Answer 1

Значение из data-lazy задать в data-src и удалить data-lazy

const images = document.querySelectorAll('img[data-lazy]'); 
 
images.forEach((image) => { 
  image.setAttribute('data-src', image.getAttribute('data-lazy')); 
  image.removeAttribute('data-lazy'); 
}); 
 
images.forEach((image) => console.log(image));
<img data-lazy="путь/к/картинке" /> 
<img data-lazy="путь/к/картинке" /> 
<img data-lazy="путь/к/картинке" />

READ ALSO
обратиться к значению prompt

обратиться к значению prompt

Если вводить значения в prompt через пробел (Вася Петя Саша), как сделать массив значений и обращаться непосредственно к определенному элементу?

99
Как передавать свой аргумент в функцию?

Как передавать свой аргумент в функцию?

Пишу свой плагин для форм отправкиВозник вопрос, как передавать свой аргумент, как это делается например в методе jquery

280
Как вызвать несколько ключей с одинаковым именем в объекте?

Как вызвать несколько ключей с одинаковым именем в объекте?

Как вызвать несколько ключей с одинаковым именем в объекте? Код:

85