一个关于动态创建表格的问格

Question

function LoadData(){
            var data={"百度":"http://www.baidu.com","谷歌":"http://www.google.com","淘宝":"http://www.taobao.com"};
            var tb=document.getElementById("tb");
            for(var key in data){        
                var tr=document.createElement("tr");
                var td1=document.createElement("td");
                td1.innerText=key;
                tr.appendChild(td1);
                
                var td2=document.createElement("td");
                td2.innerHTML="<a href="+data[key]+">"+key+"</a>";
                tr.appendChild(td2);
                
                tb.appendChild(tr);
            }
        }<table id="tb">
    </table>//这是在HTML页中创建的一个表格标签
    <input type="button" value="动态创建表格" onclick="LoadData()" />
通过点击页面中的动态创建表格则会调用LoadData()函数在table中动态创建一个表格，但试了很久也创建不了，请高手们帮我看一下LoadData()这个函数问题出在哪里

Answer 1

table >
<tbody id="tb"></tbody>
  </table>//这是在HTML页中创建的一个表格标签加一个tbody 就可以了！tr 只能添加到 tbody  中！ 

Answer 2

TABLE->一或多个TBODY->一或多个TR->一或多个TD。
如果只有一个，书写时就可以忽略，但在DOM操作时必须按这样的层级来。