How do I validate favicons using Javascript?

In a previous post on SO I asked how to display favicons with a generic option for favicons that do not exist.

<img src="example.com/favicon.ico"; alt=""/>

This code was posted:

var img = document.getElementsByTagName('img')[0],
    favicon = new Image;

favicon.src = 'http://example.com/favicon.ico'

favicon.onerror = function() 
  {
  img.src = 'http://url-on-local-server.com/favicon.ico';
  }

However I do not understand the need for "new Image", why can't I just use 开发者_JAVA百科the existing image like this?

var img = document.getElementsByTagName('img')[0],
img.src = 'http://example.com/favicon.ico'
img.onerror = function() 
  {
  img.src = 'http://url-on-local-server.com/favicon.ico';
  }

---

Found this link, wish I would have found this an hour ago

<img src="image.gif" onerror="src_to_generic()" />

at

w3 schools

Just call a function on the onerror that resets the src to a generic image.