@wakenby

Регулярное выражение для замены img на picture?

Есть такие фотографии:

<img alt="image-1" src="/assets/1.jpg" class="image-n-n">
<img class="n-class" src="/assets/2.jpg"/>
<img alt="image-5" src="https://n.n/5.png">


Т.е любая вариация фотографий, и необходимо их заменить (Их может быть любое количество) на picture, кроме тех, которые ведут на сторонние ресурсы(Это не обязательно):

<picture>
 <source srcset="/assets/1.jpg" type="image/svg+xml">
 <img alt="image-1" src="/assets/1.jpg" class="image-n-n">
</picture>

<picture>
 <source srcset="/assets/2.jpg" type="image/svg+xml">
 <img class="n-class" src="/assets/2.jpg"/>
</picture>

<img alt="image-5" src="https://n.n/5.png">


У меня даже идей нет как это сделать((
  • Вопрос задан
  • 135 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
document.querySelectorAll('img').forEach(n => {
  const src = n.getAttribute('src');
  if (!/^https?:\/\//.test(src)) {
    const picture = document.createElement('picture');
    picture.innerHTML = `<source srcset="${src}" type="image/svg+xml">${n.outerHTML}`;
    n.parentElement.replaceChild(picture, n);
  }
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
Intspirit Краснодар
от 80 000 до 150 000 ₽
17 янв. 2021, в 01:26
100000 руб./за проект
16 янв. 2021, в 22:34
10000 руб./за проект
16 янв. 2021, в 22:33
20000 руб./за проект