testing for element tag name
<p>When a user enters a bookmark using form['f3'] (a url and a title) it is immediately entered in via the dom - visually the title and the favicon are seen by the user.  Each bookmark is a link and and image under div Bb1c.  The insert is done alphabetically.  Basically, I need to insert the new image and link after the previous one.</p>

<p>The loop portion was created before I had added in favicons so it loops through all the child elements, but it only needs to loop through the  tags.  How do I check to make sure that it is an element of type a before doing a compare?  My for loop needs an &amp;&amp; added to it.</p>

<p>This is rough draft code so if there anything else - contstructive criticism</p>

<pre><code>  var a=document.getElementById('Bb1c'),
  b=document.createElement('a'), 
  e=document.createElement('img');
  c=document.forms['f3'].elements,
  d=a.firstChild,
  b.innerHTML=c[1].value; 
  b.href=c[2].value;
  b.name="a1";
  b.className="b";
  e.src=b.hostname + '/favicon.ico'; 
  e.onerror=function()  
    { 
    e.src = 'http://www.archemarks.com/favicon.ico'; 
    }
  while(d=d.nextSibling) 
    {
    if(b.innerHTML&lt;d.innerHTML) 
      {    
      break;  
      }
    }
    a.insertBefore(b,d);
    return 1;
  }
</code></pre>
