title: Append child can`t add more than 1 child node
body: <pre><code>var data={
      1:"dasf",
      2:"jlla",
      3:"jalf"
  };
  (function () {
      var table=document.createElement("table");
      var tr=document.createElement("tr");
      for(var i in data){
          tr.innerText=data[i];
          (function(){
               table.appendChild(tr);
                console.log("in"+tr.innerText)
           })();
          console.log("out"+table);
      }
  })();
  </code></pre>
  
  <p>it always shows different and changes everytime,guessing the time appendchild happenes is not simply following?</p>