Skip to content
Related Articles
Open in App
Not now

Related Articles

HTML | DOM Image complete Property

Improve Article
Save Article
  • Last Updated : 31 Jul, 2022
Improve Article
Save Article

The Image complete property in HTML DOM is used for returning whether the browser is finished the loading an image or not. It returns a Boolean value. 


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 | DOM Image complete Property
        <img src=
             id="image" alt="" width="250" height="205"
             class="alignnone size-medium wp-image-1092360" />
        <button type="button" onclick="getHeight()">
        <h4 id="text"></h4>
        function getHeight() {
            var imgObject = document.getElementById("image");
            var output = document.getElementById("text");
            output.innerHTML =
              "The Image is loaded completely: " + imgObject.complete;


  • Before Clicking On Button: 

  • After Clicking On Button: 

Supported Browsers: The browsers supported by HTML DOM Image complete property are listed below: 

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari 

My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!