给个完全的吧:
123.html<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script src="table.js"></script>
<style type="text/css">
<!--
.text {
border: 1px solid #0099CC;
}
-->
</style>
</head><body>
<center>
<table border="0" align="center" cellpadding="5" cellspacing="1" id="table1" name="table1">
<form name="form1" method="post" action="">
<tr bgcolor="#0099CC">
<td align="center" bgcolor="#0099CC">产品型号</td>
<td align="center">产品参数</td>
<td align="center">产品数量</td>
</tr>
<tr bgcolor="bbeeff">
<td align="center"><input name="name" type="text" id="name" class="text"> </td>
<td align="center"><input name="can" type="text" id="can" class="text"></td>
<td align="center"><input name="number" type="text" id="number" class="text"></td>
</tr>
</form>
</table>
<input type="button" name="Submit" value="添加行" onClick="k_addNewRow(table1,'text')">
<input type="button" name="Submit" value="删除行" onClick="k_delRow(table1)">
<input type="button" name="Submit" value="添加列" onClick="k_addNewCel(table1,'text')">
<input type="button" name="Submit" value="删除列" onClick="k_delCel(table1)">
<input type="text" size="5" name="delRowMember" value="">
<input type="button" name="Submit" value="删除此行" onClick="delRow(table1,delRowMember.value)">
</center>
</body>
</html>
123.html<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script src="table.js"></script>
<style type="text/css">
<!--
.text {
border: 1px solid #0099CC;
}
-->
</style>
</head><body>
<center>
<table border="0" align="center" cellpadding="5" cellspacing="1" id="table1" name="table1">
<form name="form1" method="post" action="">
<tr bgcolor="#0099CC">
<td align="center" bgcolor="#0099CC">产品型号</td>
<td align="center">产品参数</td>
<td align="center">产品数量</td>
</tr>
<tr bgcolor="bbeeff">
<td align="center"><input name="name" type="text" id="name" class="text"> </td>
<td align="center"><input name="can" type="text" id="can" class="text"></td>
<td align="center"><input name="number" type="text" id="number" class="text"></td>
</tr>
</form>
</table>
<input type="button" name="Submit" value="添加行" onClick="k_addNewRow(table1,'text')">
<input type="button" name="Submit" value="删除行" onClick="k_delRow(table1)">
<input type="button" name="Submit" value="添加列" onClick="k_addNewCel(table1,'text')">
<input type="button" name="Submit" value="删除列" onClick="k_delCel(table1)">
<input type="text" size="5" name="delRowMember" value="">
<input type="button" name="Submit" value="删除此行" onClick="delRow(table1,delRowMember.value)">
</center>
</body>
</html>
{
event.cancelBubble=true;
var cssName=styleName==null?"":styleName;
var newRow=tableName.insertRow();
newRow.style.backgroundColor="#BBEEFF";
for(var i=0;i<tableName.rows[0].cells.length;i++)
{
var newCell=newRow.insertCell(i);
newCell.innerHTML='<input name="name" type="text" id="name" class="'+cssName+'">';
}
}
function k_addNewCel(tableName,styleName)
{
event.cancelBubble=true;
var cssName=styleName==null?"":styleName;
var titleName=prompt("请输入新标题栏名称!","新栏目");
if(titleName==null)return false;
var titleCell=tableName.rows[0].insertCell();
titleCell.innerHTML='<div align="center">'+titleName+'</div>';
for(var i=1;i<tableName.rows.length;i++)
{
var newCell=tableName.rows[i].insertCell();
newCell.innerHTML='<input name="name" type="text" id="name" class="'+cssName+'">';
}
}
function k_delRow(tableName,rowNum)
{
if(isNaN(rowNum)){
alert("必须提供一个数字");
return false;
}
var countRows=tableName.rows.length;
var rowNumber=rowNum==null?countRows-1:rowNum;
rowNumber=rowNumber>countRows?countRows:rowNumber;
rowNumber=rowNumber<1?1:rowNumber;
if(countRows==1){
return false;
}
tableName.deleteRow(rowNumber);
alert("表格第行"+rowNumber+"被删除");
}
function k_delCel(tableName)
{
var countRows=tableName.rows[0].cells.length;
if(countRows==1)
{
return false;
}
for(var i=0;i<tableName.rows.length;i++)
{
var newCell=tableName.rows[i].deleteCell();
}
}