Sometimes, we want to hide image broken icon using with JavaScript.
In this article, we’ll look at how to hide image broken icon using with JavaScript.
How to hide image broken icon using with JavaScript?
To hide image broken icon using with JavaScript, we set the onerror
property.
For instance, we write
const img = document.querySelector("img");
img.onerror = () => {
img.style.display = "none";
};
to select the img element with querySelector
.
Then we set its onerror
property to a function that hides the image when the image fails to load.
We hide the element by setting img.style.display
to 'none
‘.
Conclusion
To hide image broken icon using with JavaScript, we set the onerror
property.