<form>
<body>
行:<input name="NumRow" value="4"> 列:<input name="NumCell" value="5"> <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 = " ";
}
}
}
function InsertCells( oTable ) {
if (oTable) {
for(var i=0; i<oTable.rows.length; i++){
var elCell = oTable.rows[i].insertCell();
elCell.innerHTML = " "
}
}
}
//-->
</SCRIPT>
<body>
行:<input name="NumRow" value="4"> 列:<input name="NumCell" value="5"> <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 = " ";
}
}
}
function InsertCells( oTable ) {
if (oTable) {
for(var i=0; i<oTable.rows.length; i++){
var elCell = oTable.rows[i].insertCell();
elCell.innerHTML = " "
}
}
}
//-->
</SCRIPT>
<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>
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());
}
{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"
}}}