Skip to content
Related Articles

Related Articles

Improve Article

HTML | DOM Image complete Property

  • Last Updated : 22 Aug, 2019

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.

Syntax:

imageObject.complete

Return value: It returns a Boolean false i.e. true when the browser finished the loading of an image otherwise it returns false.

Example: This Example returns a Image complete Property.




<!DOCTYPE HTML>
<html>
  
<head>
    <title>
        HTML | DOM Image complete Property
    </title>
</head>
  
<body>
    <center>
  
        <img src=
             id="image" alt="" width="250" height="205" 
             class="alignnone size-medium wp-image-1092360" />
        <br>
        <br>
        <button type="button" onclick="getHeight()">
          Click
        </button>
        <h4 id="text"></h4>
    </center>
    <script>
        function getHeight() {
            var imgObject = document.getElementById("image");
            var output = document.getElementById("text");
            output.innerHTML = 
              "The Image is loaded completely: " + imgObject.complete;
        }
    </script>
</body>
  
</html>

Output:

  • Before Clicking On Button:
  • After Clicking On Button:

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

  • Google Chrome
  • Interent Explorer
  • Firefox
  • Opera
  • Safari

Attention reader! Don’t stop learning now. Get hold of all the important Comcompetitivepetitve Programming concepts with the Web Design for Beginners | HTML  course.




My Personal Notes arrow_drop_up
Recommended Articles
Page :