Replace broken images

Replace the broken images with an image telling visitors that they are not found:

// Assume that I want to replace all images on the page
const images = document.querySelectorAll('img');

// Loop over them
[].forEach.call(images, function(ele) {
ele.addEventListener('error', function(e) {
e.target.src = '/path/to/404/image.png';
});
});

More

Previous
Replace an element
Next
Save and restore the text selection