как заменить src domian tld

Question

Мне нужно изменить tld в src-изображении и фоновом изображении div, как в этом примере:

с

<div style="width: 100%; height: 100%; background-image: url(https://ap.domain.com/image.aspx?id=19393262&amp;x=2&amp;y=1); background-size: cover; background-repeat: no-repeat; border-radius: 0px;"></div>

на

<div style="width: 100%; height: 100%; background-image: url(https://new.domain.org/image.aspx?id=19393262&amp;x=2&amp;y=1); background-size: cover; background-repeat: no-repeat; border-radius: 0px;"></div>

и с

<img id="dynamic" class="expand" src="https://ap.domain.com/imgx.aspx?id=5742757&amp;type=newsHi">

до

<img id="dynamic" class="expand" src="https://new.domain.org/imgx.aspx?id=5742757&amp;type=newsHi">

Answer 1

Используйте этот код для изменения src изображения.

Array.from(document.querySelectorAll('img')).forEach(x => {
  x.src = x.src.replace(/ap.domain.com/,'new.domain.org')
  console.log(x);
});

Это будет перебирать все теги изображения и изменять их src.

Чтобы изменить background-image of div, используйте нижекод.

Array.from(document.querySelectorAll('div')).forEach(x => {
  x.style.backgroundImage = x.style.backgroundImage.replace(/ap.domain.com/,'new.domain.org')
  console.log(x);
});

Array.from(document.querySelectorAll('div')).forEach(x => {
  x.style.backgroundImage = x.style.backgroundImage.replace(/ap.domain.com/,'new.domain.org')
  console.log(x);
});

Array.from(document.querySelectorAll('img')).forEach(x => {
  x.src = x.src.replace(/ap.domain.com/,'new.domain.org')
  console.log(x);
});

<div style="width: 100%; height: 100%; background-image: url(https://ap.domain.com/image.aspx?id=19393262&amp;x=2&amp;y=1); background-size: cover; background-repeat: no-repeat; border-radius: 0px;"></div>
<div style="width: 100%; height: 100%; background-image: url(https://ap.domain.com/image.aspx?id=19334262&amp;x=2&amp;y=1); background-size: cover; background-repeat: no-repeat; border-radius: 0px;"></div>
<div style="width: 100%; height: 100%; background-image: url(https://ap.domain.com/image.aspx?id=19234262&amp;x=2&amp;y=1); background-size: cover; background-repeat: no-repeat; border-radius: 0px;"></div>
<div style="width: 100%; height: 100%; background-image: url(https://ap.domain.com/image.aspx?id=19121262&amp;x=2&amp;y=1); background-size: cover; background-repeat: no-repeat; border-radius: 0px;"></div>
<div style="width: 100%; height: 100%; background-image: url(https://ap.domain.com/image.aspx?id=11293262&amp;x=2&amp;y=1); background-size: cover; background-repeat: no-repeat; border-radius: 0px;"></div>
<img id="dynamic" class="expand" src="https://ap.domain.com/imgx.aspx?id=5337&amp;type=newsHi">

<img id="dynamic" class="expand" src="https://ap.domain.com/imgx.aspx?id=512&amp;type=newsHi">

<img id="dynamic" class="expand" src="https://ap.domain.com/imgx.aspx?id=57412757&amp;type=newsHi">

<img id="dynamic" class="expand" src="https://ap.domain.com/imgx.aspx?id=5741212757&amp;type=newsHi">