如何找到並刪除一些鏈接斷開的圖像元素？

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的背景，您可以使用與上面代碼相​​同的邏輯，但移除/刪除該元素的方式不同。