如何用createElement()来动态生成表格呢？

不要用createElement方法建立对象，因为它只建立对象的最基本内容。<script> 
function createObj(){ 
s='<table border=1>';
s=s+'<tr>'
s=s+'<td>灰豆宝宝.net</td>';
s=s+'<td>灰豆宝宝.net</td>';
s=s+'</tr>'
s=s+'<tr>'
s=s+'<td>灰豆宝宝.net</td>';
s=s+'<td>灰豆宝宝.net</td>';
s=s+'</tr>'
s=s+'</table>'
obj1.innerHTML=s; 
} 
</script>
<br><input type=button value="建立表格" onclick=createObj()> 
<span id=obj1>建立表格</span>

解决方案 »

  1.   

    <body>
    <input type=button onclick="document.body.insertAdjacentHTML('afterBegin','<table border=1><tr><td>a</td><td>b</td></tr></table>');" value =click>
    </body>
      

  2.   

    function BuildChkBxGrp(){ 
    var i = 0; // CheckBox
    var j = -1; // Table 的行
    var k = 0; // Table 的列

    var count = **; //CheckBox 的个数
    var col = **; //一行排列 CheckBox 的个数



    // 动态生成一个 Table
    if(tab)
    tab.removeNode(true);
    tab = document.createElement("table");
    tab.id = "tabtemp";
    document.all.divContent.insertAdjacentElement("beforeEnd",tab) 

    do{ 
    var chkbox=null;  
    chkbox=document.createElement("input");
    chkbox.id = "m" + i;
    chkbox.type = "checkbox";  
    chkbox.value = i;    
    chkbox.attachEvent("onclick",chkbxClick);   

    //满 5 列, 添一行
    if(i%col == 0){
    k = 0
    j++;
    tab.insertRow(j)
    }
    tab.rows[j].insertCell();
    tab.rows[j].cells[k].innerHTML = i;
    tab.rows[j].cells[k].insertAdjacentElement("afterbegin",chkbox)  

    k++;
    i++;
    }while(i< count)
    } 刚刚写好的. 还热的.
      

  3.   

    to SKYWIND6521(风) :
    你的程序有错误啊？不能实现啊？
      

  4.   

    to  wanghr100(灰豆宝宝.net) :
    你写的好象也有问题，我实现不了。
      

  5.   

    不好意思,更正一下,wanghr100(灰豆宝宝.net)的是好的.
    SKYWIND6521(风)的还是有问题啊!