<table id="mytable" border="1" cellpadding="0" cellspacing="0">
  <tr>
   <th colspan="4">
    <span class="title">增加部门</span>
    <input type="button" value="添加部门" onclick="addServer()"/>
   </th>
  </tr>
  <tr bgcolor="#F0F3F8">
   <td>部门名称</td>
   <td>人数</td>
   <td>操作</td>
   <td>查看</td>
  </tr>
  <tr>
   <td>全部客服</td>
   <td>1</td>
   <td>-</td>
   <td><a href="#">查看成员</a></td>
  </tr>
  <tr>
   <td>未分组客服</td>
   <td>1</td>
   <td>-</td>
   <td><a href="#">查看成员</a></td>
  </tr>
 </table>怎么能够用JS删除一行  对每行的开头的字重命名啊???? 要求点那个删除链接和重命名链接 就可以操作  增加一行选做 谢谢!!!!! 

解决方案 »

  1.   

    如何为表格插入一行?//先获取该表格的引用:
    var Container = document.getElementById(TableId);//然后创建行(TR对象)
    var NewTr = document.createElement("tr");//填充该表格行
    var NewTd1 = document.createElement("td");
    var NewTd2 = document.createElement("td");
    ......
    NewTr.appendChild(NewTd1);
    NewTr.appendChild(NewTd2);
    ...... 
    下面要做的是继续填充新建好的单元格
    另外一种填充表格行的方式是
    NewTr.innerHTML = " ........ ";接下来,要在DOM树中指定NewTr的父节点,下面是我犯的一个错误.Container.appendChild(NewTr);OK,此时在浏览器里预览,这一行真的成为表格的最后一行了.但是,谁能告诉我要如何在另外一个函数中删除掉这一行,或者是调整一下这一行的次序?通常来讲,从表格中删除某一行一般是通过表格的deleteRow()方法和行的rowIndex属性来删除,如下,欲删除刚刚添加的新行:var Container = document.getElementById(TableId);
    var LastTrIndex = Container.rows.length - 1; // 表格最后一行
    Container.deleteRow(LastTrIndex);这样做本身是没有错的,但用于删除刚刚添加的新行,却出了问题--被删掉的行是原表格的最后一行,而非刚刚添加的那一行.为什么会这样?经检查,新添加的那一行的rowIndex始终是-1,仔细想了好久,终于想到一个被忽略的因素:
    在表格的DOM中,TR的父结点应该是TBODY这个几乎被遗忘的对象.
    虽然在绝大多数的网页中,TBODY标签都被省略了,但TBODY在DOM树中是实实在在存在的对象,
    上面犯的错误就是将TABLE做为了TR的父结点.更正后的添加新行的方法如下:
    var Container = document.getElementById(TableId);//然后创建行(TR对象)
    var NewTr = document.createElement("tr");//填充该表格行
    var NewTd1 = document.createElement("td");
    var NewTd2 = document.createElement("td");
    ......
    NewTr.appendChild(NewTd1);
    NewTr.appendChild(NewTd2);
    ...... 
    var LastTr = Container.rows[Container.rows.length - 1];
    LastTr.parentNode.appendChild(NewTr);如此,便可用上面所使用方法来删除该行.