title: Why Image 'complete' property always return true even if there is no src tag?
body: <p>I just write </p>
  
  <pre><code>document.createElement("img").complete;//To check whether image is loaded or not
  </code></pre>
  
  <p>In Firefox,it returns true. In IE,it return false</p>
  
  <p>OR</p>
  
  <p>In a html page just create one image as:</p>
  
  <pre><code> &lt;!-- IMG tag with no SRC attribute. --&gt;
  &lt;img id="noSrcImg" /&gt;
  </code></pre>
  
  <p>and In js check the complete property value :</p>
  
  <pre><code>var img = document.getElementById("noSrcImg");
  img.complete
  </code></pre>
  
  <p>true for FF and false for IE</p>
  
  <p>Can any one explain why this inconsistent behavior?</p>
  
  <p>Is there any other better way to check whether image is loaded or not in DOM?</p>
  
  <p>i tried with readyState attribute as well but its not available for IE11.</p>