Как заменить ссылку на картинку c помощью js

Question

Ребята, столкнулся с проблемой. Никак не могу поменять ссылку на картинку. Задача наверняка несложная. Заранее благодарен за любую помощь.

Кусок кода страницы:

<div class="t706__product-del">
   <img src="https://something.com/something.svg">
</div>

Это мой код, которым я пытаюсь изменить ссылку на картинку. Ничего не получается. Подскажите, пожалуйста, что я делаю не так.

<script type="text/javascript">

$(document).ready(function() {
    var newcard = document.querySelector('.t706__product-del')
    newcard.setAttribute("src","/2.svg");
});

</script>

Answer 1

.t706__product-del это div, вы пытаетесь добавить атрибут src тегу div, в этом проблема

const newcard = document.querySelector('.t706__product-del img');
newcard.setAttribute('src', 'https://picsum.photos/100');

<div class="t706__product-del">
   <img src="https://something.com/something.svg">
</div>

Если элемент появляется в DOM-дереве не сразу:

function loop() {
  const newcard = document.querySelector('.t706__product-del img');
  if (newcard !== null) { // если элемент найден
    newcard.setAttribute('src', 'https://picsum.photos/100');
    return true;
  } else { // иначе он не найден
    return false;
  }
}

const timer = setInterval(() => {
  const resultLoop = loop();
  if (resultLoop === true) { // если элемент найден
    clearInterval(timer); // остановить setInterval
  }
}, 300);

<div class="t706__product-del">
   <img src="https://something.com/something.svg">
</div>

БЛОГ НА HUSL

Как заменить ссылку на картинку c помощью js

Ответы (1 шт):