Как получить src из тега picture?

Question

[Олег Андрианов]

Есть карточка товара, в ней 4 маленьких изображения товара, нажимая на которые меняется большое изображение в карточке. Суть первоначального кода в том, что получая src из тега img маленького изображения, это src присваивалось тегу img большой картинки. Решил добавить тег picture и все полетело. Не могу нигде найти как реализовать это. Получаю src из picture, но не могу присвоить его переменной большой картинки.
https://codepen.io/pow44feet/pen/oNzbjmq здесь весь код, js-скрипт наверху после бургера. Кто знает пожалуйста отзовитесь, можно ли реализовать подобную затею?

Comments

[Олег Андрианов]

как получить src из тега picture рассказывается здесь https://stackoverflow.com/a/41762988/13651924
но все равно не получается присвоить его большой картинке.

Answer 1

[0xD34F]

document.querySelector('.products__body').addEventListener('click', e => {
  const item = e.target.closest('.card-preview__item');
  if (item) {
    e.preventDefault();
    const { srcset } = item.querySelector('source');
    item.closest('.card').querySelector('.card-head__image source').srcset = srcset;
  }
});

Comments

[Олег Андрианов]

Все заработало, спасибо большое!