html表格动态新增行

 <div>
       <table border="1" cellspacing="0" id="patent_table">
          <tr>
            <th>专利名称</th>
            <th>发明人</th>
            <th>专利号</th>
          </tr>
       </table>
</div>

if (res.data.status == "success") {
            var p = document.getElementById("patent_table"); //获得表格的信息
            console.log(p.rows.length);
            for (let i = p.rows.length - 1; i > 0; i--) {
              p.deleteRow(i);
            }
            for (let i = 0; i < res.data.data.patentInfo.length; i++) {
              let new_row = p.insertRow(i + 1);
              new_row.insertCell(0).innerHTML =
                res.data.data.patentInfo[i].zlmc;
              new_row.insertCell(1).innerHTML =
                res.data.data.patentInfo[i].zldyzzxm;
              new_row.insertCell(2).innerHTML =
                res.data.data.patentInfo[i].sqggh;
            }
}