HTML img タグで画像が 404 エラーのときに代替画像を表示する方法はじめに<img src="xxxx.png"> で xxxx.png が 404 エラーとなったときに、デフォルトで代わりの画像を表示する方法をまとめた。 TL;DR onerror="this.src = 'alt.png'; this.removeAttribute('onerror')" を指定 エラー時には代替画像を読み込んで、onerror 属性自身も削除 onload="this.removeAttribute('onerror'); this.removeAttribute('onload'); も一緒に指定 エラー無し時に onerror, onload 属性を消せる 上記をまとめると以下 <img src="404.png" onerror="this.src='alt.png'; this.removeAttribute('onerror'); this.remove
