div中的Table不能显示

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
//---------------------------------------------------------
function CreateTable()
{
var tabTable = document.createElement("table");
var tabRow;
for(var i=0;i<5;i++)
{
tabRow = document.createElement("tr"); var tabCell;
for(var j=0;j<5;j++)
{
tabCell = document.createElement("td");
tabCell.innerText="第"+i+"行第单"+j+"元格";
tabRow.appendChild(tabCell);
}
tabTable.appendChild(tabRow);
}
var MyDiv = document.getElementById("divBase");
MyDiv.appendChild(tabTable);
}
</script>
</head><body>
<div id="divBase"></div>
<a id="nHref" href="javascript:CreateTable()">添加Table</a>
</body>
</html>
上面是我写的div中添加table的函数
点击后，Table没有显示出来，那位兄弟帮帮忙，看看为什么！

解决方案 »

  1.   

    tabCell.innerText="第"+i+"行第单"+j+"元格";把innerText 换成innerHTML就可以了
      

  2.   

    <head>
    <title>无标题文档</title>
    <script type="text/javascript">
    function CreateTable()
    {
    var tabTable = document.createElement("table");
    var tabRow;
    var tabBody = document.createElement("tbody");
    tabTable.appendChild(tabBody);
    for(var i=0;i<5;i++)
    {
    tabRow = document.createElement("tr"); var tabCell;
    for(var j=0;j<5;j++)
    {
    tabCell = document.createElement("td");
    tabCell.appendChild(document.createTextNode("第"+i+"行第单"+j+"元格"));
    //tabCell.innerHTML="第"+i+"行第单"+j+"元格";
    tabRow.appendChild(tabCell);
    }
    tabBody.appendChild(tabRow);
    }
    var MyDiv = document.getElementById("divBase");
    MyDiv.appendChild(tabTable);
    //alert(MyDiv.outerHTML);
    }
    </script>
    </head><body>
    <div id="divBase"></div>
    <a id="nHref" href="javascript:CreateTable()">添加Table</a>
    </body>
    </html>加使用DOM绘制表格要用tbody元素
      

  3.   

    不用那么麻烦,可以简写的<head>
    <title>无标题文档</title>
    <script type="text/javascript">
    function CreateTable()
    {
    var tabTable = document.createElement("table");
    var tabRow;
    var tabBody = document.createElement("tbody");
    tabTable.appendChild(tabBody);
    for(var i=0;i<5;i++) {
    tabRow = tabBody.insertRow(i);
    var tabCell;
    for(var j=0;j<5;j++) {
    tabCell = tabRow.insertCell(j);
    tabCell.appendChild(document.createTextNode("第"+i+"行第单"+j+"元格"));
    }
    }
    var MyDiv = document.getElementById("divBase");
    MyDiv.appendChild(tabTable);
    }
    </script>
    </head><body>
    <div id="divBase"></div>
    <a id="nHref" href="javascript:CreateTable()">添加Table</a>
    </body>
    </html>