javascript动态添加html节点

之前一直没怎么接触需要动态添加和删除html节点的项目，这次项目中用到了，也学习了。

在一个<table id="tab">标签中添加一个<tr id="tr">标签，<tr>标签里面包含4个<td>标签

function insertTr() {
   tr = document.createElement("tr");
   html = "<td></td>"+ "<td></td>"+ "<td></td>"+ "<td></td>";
   tr.id = "tr";
   tr.innerHTML = html;
   document.getElementById("tab").appendChild(tr);
}
   

这里是将<tr>标签里面的4个<td>标签的html代码当成字符串写入这个<tr>标签

从一个<table id="tab">标签中删除一个<tr id="tr">标签

function delTr() {
  document.getElementById("tab").removeChild(document.getElementById("tr"));
}