如何删除动态添加的列？

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD><BODY>
<input type="button" name="btn" value="添加一行" onClick="addrow()">
<table id="activeTable" style="border: #000000 solid 1px;" cellspacing="0" width="100%" cellpadding="0">
    <caption>請&nbsp;求&nbsp;内&nbsp;訳</caption>
    <tr>
      <td nowrap>請求月</td>
      <td nowrap>計上月</td>
      <td nowrap>請求件名</td>
      <td nowrap>入金期限日</td>
      <td nowrap>金額</td>
      <td nowrap>消費税</td>
      <td nowrap>備考</td>
  <td nowrap>操作</td>
    </tr>
<table>
</BODY>
</HTML>
<SCRIPT LANGUAGE="JavaScript">
<!-- function addrow() {
var row = activeTable.insertRow(activeTable.rows.length);
var col = row.insertCell(0);
var i = row.rowIndex;
col.innerHTML = '<input name="seituki1" size="2"><input name="seituki2" size="2">'; 
col = row.insertCell(1); 
col.innerHTML = '<input name="keituki1" size="2"><input name="keituki2" size="2">'; 
col = row.insertCell(2); 
col.innerHTML = '<input name="kenmei" size="18" value="">'; 
col = row.insertCell(3); 
col.innerHTML = '<input name="kigen" size="17">'; 
col = row.insertCell(4); 
col.innerHTML = '<input name="kingaku1" size="15" style="text-align: right">'; 
col = row.insertCell(5); 
col.innerHTML = '<input name="zei1" size="13" style="text-align: right">';
col = row.insertCell(6); 
col.innerHTML = '<input name="bikou1" value="' + i + ' " size="15">';
col = row.insertCell(7);
col.innerHTML = '<button onClick="delrow()">删除本行</button>';
} function delrow () {
var srcName = document.getElementsByTagName("button");
var rowIndex = 0;
for ( i=0;i<srcName.length;i++){
if(srcName[i]==event.srcElement)
rowIndex=i;
}
activeTable.deleteRow(rowIndex + 1);
} 
</script>

解决方案 »

  1.   

    <table id="tab" width="200" height="70" border="1" cellpadding="0" cellspacing="0">
      <tbody>
        <tr><td>第一行</td></tr>
        <tr><td>第二行</td></tr>
        <tr><td>第三行</td></tr>
        <tr><td>第四行</td></tr>
      </tbody>
    </table>
    <br>
    <button onClick="del()">删除行</button>
    <script language="JavaScript">
      function del(){
        tab.firstChild.removeChild(tab.rows[1])  //这个firstChild是指<tbody>，删除第二行
        tab.rows[1].parentElement.removeChild(tab.rows[0])  //用另一方法删除第一行
      }
    </script>
      

  2.   

    上面有点写笔误，
    tab.rows[1].parentElement.removeChild(tab.rows[0])  //用另一方法删除第一行
    改成：
    tab.rows[0].parentElement.removeChild(tab.rows[0])  //用另一方法删除第一行