<form>
<body>
行:<input name="NumRow" value="4">&nbsp;列:<input name="NumCell" value="5">&nbsp;<input type="button" onclick="CreateTable(document.all.NumRow.value,document.all.NumCell.value)" value="创 建">
</body>
</form>
<SCRIPT LANGUAGE="JavaScript">
<!--
function CreateTable(objRow,objCell){
var tab = document.createElement("TABLE");
tab.border=1;
tab.cellSpacing=0;
tab.cellPadding=0;
document.body.appendChild(tab);
for(var i=0;i<objRow;i++){
InsertRows(tab);
}
for(i=0;i<objCell;i++){
InsertCells(tab);
}
} function InsertRows( oTable ) {
if ( oTable ) {
var elRow=oTable.insertRow();
for(var i=0; i<oTable.rows[0].cells.length; i++){
var elCell = elRow.insertCell();
elCell.innerHTML = "&nbsp;";
}
}
}
function InsertCells( oTable ) {
if (oTable) {
for(var i=0; i<oTable.rows.length; i++){
var elCell = oTable.rows[i].insertCell();
elCell.innerHTML = "&nbsp;"
}
}
}
//-->
</SCRIPT>

解决方案 »

  1.   

    <input name=hang>
    <input name=lie>
    <input name=sheng type=button value="生成" onclick=show()>
    <hr>
    <div id="div1">
    </div>
    <script language=javascript>
    function show()
    {
    var hang=document.getElementById("hang").value;
    var lie=document.getElementById("lie").value;
    strHTML="<table border=\"1\">";
    for(var i=0;i<parseInt(hang);i++)
    {
    strHTML=strHTML+"<tr>"
    for(var j=0;j<parseInt(lie);j++)
    {
    strHTML=strHTML+"<td>"+j+"</td>"
    }
    strHTML=strHTML+"</tr>"
    }
    strHTML=strHTML+"</table>"
    document.getElementById("div1").innerHTML=strHTML;
    }
    </script>
      

  2.   

    var tbElement=document.createElement("TABLE");
    var bElement=document.createElement("TBODY");
    tbElement.appendChild(bElement);
    var rowElement=document.createElement("TR");
    bElement.appendChilld(rowElement);
    var colElement=document.createElement("TD");
    rowElement.appendChild(colElement);
    for(i=0;i<nColNum-1;i++)
    {
       rowElement.appendNode(colElement.cloneNode());
    }
    for(i=0;i<nRowNum-1;i++)
    {
       bElement.appendNode(rowElement.cloneNode());
    }
      

  3.   

    function dosettable(rowsnum,cellsnum)
    {var rownum=parseInt(rowsnum);
    var cellnum=parseInt(cellsnum); 
    var ct=document.createElement("Table")
    ct.name="tlist"
    ct.border=1
    var elF = document.body.appendChild(ct); 
    for(var i=0;i<rowsnum;i++)
    {
    var objRow=elF.insertRow();  
      objRow.id = "TR_"+i;
     for(var j=0;j<cellnum;j++)
      {
      var cell0=objRow.insertCell(j);
      cell0.innerHTML=i+"row;"+j+"cell"
      }}}