给个完全的吧:
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>

解决方案 »

  1.   

    然后是table.jsfunction k_addNewRow(tableName,styleName)
    {
      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();
      }
    }