js—removeChild删除节点

<table>
  <tr>
    <th>编号</th>
    <th>标题</th>
    <th>操作</th>
  </tr>
  <tbody id="t1">
    <tr>
      <td>1</td>
      <td>案范围</td>
      <td> <button class="btn">删除</button> </td>
    </tr>
    <tr>
      <td>2</td>
      <td>按方法</td>
      <td> <button class="btn">删除</button> </td>
    </tr>
    <tr>
      <td>3</td>
      <td>大商股份d</td>
      <td> <button class="btn">删除</button> </td>
    </tr>
  </tbody>
</table>

JavaScript

// 单击当前按钮删除当前行
var btn = document.getElementsByClassName('btn');
console.log(btn);
for (var i = 0; i <= btn.length - 1; i++) {
  console.log(btn[i]);
  btn[i].onclick = function () {
    //找需要删除的元素
    var ele_tr = this.parentElement.parentElement;
    // 找包裹要删除元素的容器
    var t1 = document.querySelector('#t1');
    // 我们要删除这个容器里面的tr
    t1.removeChild(ele_tr);
  }
}

代码演示：