HTML DOM Image complete Property
The Image complete property in HTML DOM is used for returning whether the browser is finished loading an image or not. It returns a Boolean value.
Syntax:
imageObject.complete
Return value: It returns a Boolean value i.e. true when the browser finished the loading of an image otherwise it returns false.
Example: This Example returns an Image complete Property.
HTML
<!DOCTYPE HTML>
< html >
< head >
< title >
HTML | DOM Image complete Property
</ title >
</ head >
< body >
< img src =
id = "image" width = "250" height = "205"
class = "alignnone size-medium wp-image-1092360" />
< br >
< br >
< button type = "button" onclick = "getHeight()" >
Click
</ button >
< h4 id = "text" ></ h4 >
< script >
function getHeight() {
let imgObject = document.getElementById("image");
let output = document.getElementById("text");
output.innerHTML =
"The Image is loaded completely: " + imgObject.complete;
}
</ script >
</ body >
</ html >
|
Output:
Supported Browsers: The browsers supported by HTML DOM Image complete property are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Opera
- Safari
Last Updated :
15 Jun, 2023
Like Article
Save Article
Share your thoughts in the comments
Please Login to comment...