Как повесить обработку ошибок на все изображения на сайте?

Question

[rd100]

Здесь весит обработка непосредственно на одном изображении с чётким путем к нему, а что, если таких изображений, которые могут не найтись, будет много, как сделать обработку ошибки всех изображений с учётом того, что после загрузки сайта могут добавиться новые блоки с новыми изображениями?

document.querySelector(".img-box .img").addEventListener("error", function() {
	this.src = "/images/default.jpg";
})

Comments

[bbquite]

document.querySelector("body img").addEventListener("error", function() {
  this.src = "/images/default.jpg";
})

С особой картинкой для каждого:

<img src="path/img1.png" data-src="placeholder.png">

document.querySelector("body img").addEventListener("error", function() {
  this.src = this.dataset.src
})

[rd100]

Антон, здесь оно срабатывает, если на странице всего одно изображение есть, если я правильно понимаю, а мне нужно на все

[bbquite]

rd100, а, ну дак в цикл засунь это:

const images = document.querySelectorAll("body img")
images.forEach(image => {
    image.addEventListener("error", function() {
        image.src = image.dataset.src
     })
})

[rd100]

Антон, это будет работать только с теми картинками, которые были загружены на сайт сразу, а что делать с теми, которые будут загружены после?
На них не будет распространяться этот обработчик.