js增加(删除)行

 

<%@ page language="java" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html> 
<head>
 <script language="javaScript">
 var num=2;
 function addRow() {
     var row, cell;
     row = mytable.insertRow();
     cell = row.insertCell();
     cell.style.cssText ="BACKGROUND: #efefdf;  COLOR: #000000; TEXT-ALIGN: right; TEXT-DECORATION: none";
     cell.innerHTML = "物料代码"+num;   
     cell = row.insertCell();
     cell.style.cssText ="BACKGROUND: #f9f9e9; COLOR: #000000; TEXT-DECORATION: none";
     //cell.colSpan = 3;
     cell.innerHTML ="<input type='text'    id='materialsCode"+num+"' name='materialsCode'  onkeydown='if(event.keyCode==13){writeButtonTemp(this,"+num+");}'  onchange='writeButtonTemp(this,"+num+");' />&nbsp;&nbsp;<font color='red'>回车获取物料属性"+num+"</font>";
    
     //row = mytable.insertRow();
     cell = row.insertCell();
     cell.style.cssText ="BACKGROUND: #efefdf; COLOR: #000000;  TEXT-DECORATION: none";
     cell.innerHTML ="物料描述"+num;
     num++;
 }

 function delRow() {
     mytable.deleteRow();
     num--;
 }

 </script>
</head>    
  <body>
   <center>
  <table width="98%" border="0" align="center" cellpadding="5" cellspacing="1" bgcolor="#D6EDFC" id="mytable">
 <tr>
  <td>物料号</td>
  <td><input type="text" name="materialCode"></td>
  <td>物料描述</td>
  <td><input type="text" name="materialDesc"></td>
 </tr>
  </table>
 
 
  <button onClick="addRow();">增加</button>&nbsp;&nbsp;&nbsp;&nbsp;
  <button onClick="delRow();">删除</button>
  </center>
  </body>
</html>