<form id="form1" runat="server">
   
    <div id="con" runat="server">
    </div>
 
    <div id="jsTable" >
    <h2>JavaScript生成代码</h2>
    </div>
    <script type="text/javascript">
        var div=document.getElementById("jsTable");
        var table=document.createElement("table");
        for(var i=0;i<5;i++)
        {        
            var tr= document.createElement("tr");
            tr.setAttribute("id",i);
            for(var j=0;j<5;j++)
            {
                var td=document.createElement("td");
                td.setAttribute("id",i+"-"+j);
                td.innerHTML=i+"-"+j;
                tr.appendChild(td);
            }
            table.appendChild(tr);
        }
    div.appendChild(table);
    </script>  
    </form>

解决方案 »

  1.   

    最后加一句就可以了
    if(document.all) table.outerHTML = table.outerHTML;<form id="form1" runat="server">
       
        <div id="con" runat="server">
        </div>
     
        <div id="jsTable" >
        <h2>JavaScript生成代码</h2>
        </div>
        <script type="text/javascript">
            var div=document.getElementById("jsTable");
            var table=document.createElement("table");
            for(var i=0;i<5;i++)
            {        
                var tr= document.createElement("tr");
                tr.setAttribute("id",i);
                for(var j=0;j<5;j++)
                {
                    var td=document.createElement("td");
                    td.setAttribute("id",i+"-"+j);
                    td.innerHTML=i+"-"+j;
                    tr.appendChild(td);
                }
                table.appendChild(tr);
            }
        div.appendChild(table);
        if(document.all) table.outerHTML = table.outerHTML;
        </script>
        </form>
      

  2.   

    由于table的子节点是tbody,所以出现错误
    一般table加行列用insertRow,insertCell方法
    你上面代码也可修改如下:
             var table=document.createElement("table");
            var tbody = document.createElement("tbody");
            for(var i=0;i<5;i++)
            {        
                var tr= document.createElement("tr");
                tr.setAttribute("id",i);
                for(var j=0;j<5;j++)
                {
                    var td=document.createElement("td");
                    td.setAttribute("id",i+"-"+j);
                    td.innerHTML=i+"-"+j;
                    tr.appendChild(td);
                }
                tbody.appendChild(tr);
            }
           table.appendChild(tbody);
           div.appendChild(table);
      

  3.   

    你的table新建时没有新建一个tbody,这样的话,无法显示出来。