如何用javascript在div中生成表格？

最简单的方法：
div.innerHTML='<table>...</table>';

解决方案 »

  1.   

    楼上的答案可以，当然也可以更复杂的方法
    var table = document.createElement("<TABLE></TABLE>");
    var tr = table.insertRow();
    var td = tr.insertCell();
    然后 td.innerHTML ='';进行填充
    最后div.appendChild(table)搞定
      

  2.   

    var table = document.createElement("<TABLE></TABLE>");
    var tr = table.insertRow();
    var newCell1 = newRow.insertCell();
    newCell1.innerHTML = "<table><tr><td nowrap>1列</td></tr></table>";//这里填充自己html
    var newCell2 = newRow.insertCell();
    newCell2.innerHTML = "";//加第2列
    ................................
    一行添加多列,添加多行也类似,LZ可以做个循环
      

  3.   

    <html><head><title></title></head><body>
    <script language="javascript">
        function aa()
        {
            var table =  document.createElement("<table></table>");
            var tr = table.insertRow();
            var newCell1 = tr.insertCell();
            newCell1.innerHTML="<table><tr><td>列1</td></tr></table>";//填充自己的HTML
            var newCell2 = tr.insertCell();
            newCell2.innerHTML="<table><tr><td>列2</td></tr></table>"
            document.all.testdiv.appendChild(table);
        }
    </script>
    <input type="button" value="生成" onclick="aa()">
    <div id='testdiv'></div>
    </body></html>