Posted at

img onerror


  • live tag


Array.from(document.getElementsByTagName('img')).map(el=>{
el.onerror=function(e){
this.src='data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs='
}
})


  • create in

function x(){

let el=document.createElement('img');
el.src="x";
el.onerror=function(e){
this.src='data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs='
}
document.body.appendChild(el)
}


  • direct

<img src="a" onerror="this.src='data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs='" />

<img src="a" />
<button onclick="x()">x</button>
<hr>
<img id="b" />