javascript创建的表中的行不会延伸到表的宽度

我用javascript动态创建了一个表，并将其附加到一个div中。生成的表似乎与我在概念验证中使用的一个直接的html表具有所有相同的标记和样式，但表单元格不会拉伸

当我在表格上放置边框时，我看到表格本身的宽度为100%，但轮廓单元格并没有拉伸以填充它（它看起来像是Chrome中另一个单单元格表格中的表格）

IE和Chrome都给了我同样的行为

这是我的密码：

    var tbl = document.createElement("table");  
    tbl.cellPadding = 0; tbl.cellSpacing = 0; 
    var tblBody = document.createElement("tblBody"); 
    var tr = document.createElement("tr"); 
    var td;

    td = document.createElement("td"); 
    td.style.width="70px"; 
    td.appendChild(this.getFirstDiv());
    tr.appendChild(td);

    td = document.createElement("td"); 
    td.style.width="300px"; 
    td.appendChild(this.getSecondDiv());
    tr.appendChild(td);

    td = document.createElement("td");
    td.appendChild(this.getThirdDiv());
    tr.appendChild(td);

    tblBody.appendChild(tr); 
    tbl.appendChild(tblBody); 

我觉得我错过了一些明显的东西。我已尝试显示表和表行的属性。我试过宽度：自动

---

我错过了什么

没有所谓的

tblBody

。用

tbody

替换它。你可以为这个问题提供一个

jsfiddle

。哇-谢谢-我讨厌那些显而易见的问题。