1

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

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

<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>
0

1 ответ 1

3

.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>

9
  • Спасибо за ваш ответ. Но это не помогло, всё равно ссылка не поменялась, к сожалению. Я не против совершенно другого решения. Главное чтобы работало :)
    – Павел
    8 сен 2020 в 18:50
  • @Павел на stackoverflow работает, нажмите выполнить код, посмотрите 8 сен 2020 в 18:55
  • Да, спасибо, действительно тут работает! Но у меня всё равно проблема не решилась. Такое ощущение, что в моём полном коде js не находит этот класс. Я ведь вам привел только часть кода. Данный класс '.t706__product-del img' является ребенком от множества других предков. Вы можете предположить в чём может быть дело?
    – Павел
    8 сен 2020 в 19:58
  • @Павел возможно, вам нужно подождать, пока DOM дерево загрузится, или внутри этого класса есть несколько img 9 сен 2020 в 7:20
  • В данном скрипте я жду пока DOM дерево загрузится и внутри этого класса есть только одна img. В ссылке картинка с более полным кодом. yadi.sk/i/KNAx-o3r0esh5Q Если у вас будет время, поглядите, пожалуйста. Может быть вы поймете в чём дело. Буду вам очень признателен!
    – Павел
    9 сен 2020 в 21:14

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.