请问如何在网页里动态产生一张表？

<div id="DefineTable"></div>
<input type=button value="建表" onclick="CreateTable()">
<script>
function CreateTable()
{
var iRow,iCol;
iRow=5;iCol=5;
var strHTML="";
strHTML="<table width='100%' border='0' cellspacing='1' cellpadding='0' bgcolor='#000000'>"
for(iIndex=1;iIndex<=iRow;iIndex++)
{
strHTML=strHTML+"<tr bgcolor='#ffffff'>";
for(jIndex=1;jIndex<=iCol;jIndex++)
{
strHTML=strHTML+"<td><input type=text style='border:1px none'></td>"
}
strHTML=strHTML+"</tr>";
}
strHTML=strHTML+"</table>"
document.all.DefineTable.innerHTML=strHTML;
}
</script>

解决方案 »

  1.   

    js
    jsp
    asp
    and so on
      

  2.   

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>建立表格</title>
    </head>
    <body bgcolor="#bbffff" id=bd1>
    <p><font color="#0000ff" size="5">建立表格</font></p>
    <p>ID：<input type="text" id=t0 size="8" value="TB1">
    列数：<input type="text" id=t1 size="8" value="4">
    行数：<input type="text" id=t2 size="8" value="3"></p>
    <input type="button" size="12" value="建立表格" onclick="create_table();">
    <hr>
    <script language="javascript">
    //建立表格的函数
    function create_table(){
    var tnode1,tnode2;
    var tableobj=document.createElement("TABLE");
    var bodyobj=document.createElement("TBODY");
    bd1.appendChild(tableobj);
    tableobj.id=t0.value;
    tableobj.border=1;
    tableobj.appendChild(bodyobj);
    for(var i=0;i<t2.value;i++){
    tnode1=document.createElement("TR");
    bodyobj.appendChild(tnode1);
    for(var j=0;j<t1.value;j++){
    tnode1=document.createElement("TD");
    tnode2=document.createTextNode("("+i+","+j+")");
    tnode1.appendChild(tnode2);
    bodyobj.childNodes[i].appendChild(tnode1);
    }
    }
    }
    </script>
    </body>
    </html>
      

  3.   

    gjd111686(数字金刚) :
    table的 innerHTML不可改的
    所以
    document.all.DefineTable.innerHTML=strHTML;
    改為:
    document.all.DefineTable.outerHTML=strHTML;
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>建立表格</title>
    </head>
    <body bgcolor="#bbffff" id=bd1>
    <p><font color="#0000ff" size="5">建立表格</font></p>
    <p>ID：<input type="text" id=t0 size="8" value="TB1">
    列数：<input type="text" id=t1 size="8" value="4">
    行数：<input type="text" id=t2 size="8" value="3"></p>
    <input type="button" size="12" value="建立表格" onclick="create_table();">
    <hr>
    <script language="javascript">
    //建立表格的函数
    function create_table(){
    var tnode1,tnode2;
    var tableobj=document.createElement("TABLE");
    tableobj.border=1;
    document.body.appendChild(tableobj);
    for(var i=0;i<t2.value;i++){
    tnode1=tableobj.insertRow();
    for(var j=0;j<t1.value;j++){
    tnode2=tnode1.insertCell();
    tnode2.innerText=i+","+j;
    }
    }
    }
    </script>
    </body>
    </html>