使用javascript删除表格对象中的行

来源:互联网 发布:淘宝客赚钱教程 编辑:程序博客网 时间:2024/06/05 18:18

---------------------------------------script脚本--------------------------

<script type="text/javascript">

function btnDelRow(rowId){
 //行对象
 var delRow = document.getElementById(rowId);
 //行的数
 var delRowIndex = delRow.rowIndex;
 //表对象
 var table1 = document.getElementById("table1");
 //删除
 table1.deleteRow(delRowIndex);
}
</script>

----------------------表格-------------------------

<body>
<table id="table1" width="500" border="1" cellspacing="1" cellpadding="1">
  <tr id="tr0">
    <td>书名</td>
    <td>价格</td>
    <td>操作</td>
  </tr>
  <tr id="tr1">
    <td>三国演义</td>
    <td>¥99</td>
    <td>
      <input type="button" name="button" id="button" value="删除" onclick="btnDelRow('tr1')" />
      </td>
  </tr>
  <tr id="tr2">
    <td>水浒传</td>
    <td>¥100</td>
    <td><input type="button" name="button2" id="button2" value="删除" onclick="btnDelRow('tr2')" /></td>
  </tr>
</table>

</body>

原文出自:http://blog.163.com/xiao_long/blog/static/217651174201322833943585/