title: appendChild performance problems in Chrome
body: <p>I am having an issue with speed in chrome with an appendchild line in javascript.  This seems to be running fine in firefox and chrome, but not Chrome is extremely slow.  I am only trying to add one element on a button click.  The page already has well over 10,000 elements, but I'm not sure if that is part of the issue.  </p>
  
  <p>Just to go over things I have looked at. I have looked up documentfragment, and attempted to implement that, but was getting the same results.  And from what I gather, documentfragment usually improves performance when you are adding A LOT of elements to the dom, not just one.  (Feel free to correct me if I am wrong on this assumption).  I also ran the timeline in Chrome and found that that the "Layout" is taking 11.91s to load and seems to be getting stuck on the appendchild line.  I have commented the line in question below. </p>
  
  <p>As I mentioned before I had tried documentfragment with the no improvement, so this is my original code.</p>
  
  <pre><code>function addYr() { 
           divArray = document.getElementById('acct_sect').getElementsByTagName("div");
           divRow = document.createElement("div");
           divRow.id = "acct_row_" + (divArray.length);
  
           var yr  = document.createElement("input");
           yr.type= "text";
           yr.id= "yr_" + divArray.length;
           yr.name= "yr_" + divArray.length;
           yr.setAttribute("onkeydown", "TabNext(this,'down',2); return justNums(event);");
           yr.setAttribute("onkeyup", "TabNext(this,'up',2,this.form.fnd_)");
           yr.maxLength = 2;   
           yr.className = "c1";
           yr.setAttribute("onchange", "buildAccountMultiRow(this)");
           yr.value = "";
  
           divRow.appendChild(yr);
  
  
      //line that is taking a while
      document.getElementById('acct_sect').appendChild(divRow);
  }
  </code></pre>