Как я могу найти и удалить некоторый элемент изображения, который имеет неработающую ссылку?

Question

Я разместил свой сайт на Wordpress. и недавно я столкнулся с проблемой неработающей ссылки на изображение на моем сайте. Я не знаю, когда это случилось. Проблема возникает только в единственном почтовом разделе.

Answer 1

Есть несколько способов сделать это, но если вы не знаете, с чего начать, вы можете попробовать это с помощью javascript:

function findToDeleteBrokenImages() {
  var images = Array.from(document.querySelectorAll("img"));
  
  for (var image of images) {
    var img = new Image();

    img.onerror = function () {
      image.parentElement.removeChild(image);
    };
    
    img.src = image.src;
  }
};

findToDeleteBrokenImages();

<img src="foo" />

Но обратите внимание, что есть несколько способов отображения изображения. Таким образом, если ваше изображение отображается как фон какого-либо элемента div или canvas, вы можете использовать те же логики c приведенного выше кода, но способ удалить / удалить этот элемент другой.