【JavaScript】Html表格增加、刪除行

JavaScript:

<script>  function doAppend() {   var newTr=tabtest.insertRow();  var newTd = newTr.insertCell();  newTd.innerHTML='<input type=text><input type="button" value="刪除" onClick="del();"><a href="#" onClick="del()" >刪除</a>'; }  function del(){  tabtest.deleteRow(window.event.srcElement.parentElement.parentElement.sectionRowIndex); } function clickhand()  {   if(window.event.srcElement.tagName=="INPUT"){    window.event.srcElement.value=window.event.srcElement.parentElement.parentElement.sectionRowIndex   } } document.onclick=clickhand </script>

Html:

<table width="100%" border="0" id="tabtest" >  <tr>   <td><input type="text"><a href="#" onClick="del()" >刪除</a></td> </tr>  <tr>   <td><input type="text"><a href="#" onClick="del()" >刪除</a></td> </tr>  <tr>   <td><input type="text"><a href="#" onClick="del()" >刪除</a></td> </tr> </table> <div id=a></div> <a href="#" onmousedown=doAppend()>增加行</a> <a href="#" onClick="del();">刪除行</a>