js对table的基本操作

最新推荐文章于 2021-05-31 17:03:56 发布

原创最新推荐文章于 2021-05-31 17:03:56 发布 · 131 阅读

0 ·

CC 4.0 BY-SA版权

Javascript 专栏收录该内容

55 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的动态插入表格行的方法。通过删除原有行并插入新行，同时设置单元格跨列，实现了表格中添加带有特定内容的新行。

实现如下功能：页面代码如下，请实现insertTR()方法，实现插入新的航，并且为一个td

<table>
  <tr>
       <td>aa</td><td onclick="insertTR()">add</td>
  </tr>
</table>

//js

function insertTR(){   
    //删除table原有的rows  
    var table = document.getElementsByTagName("table")[0] ;
    while(table.rows[0]){
            table.deleteRow(0);
      }

  var row = table.insertRow(-1);
  var cell = row.insertCell(-1);
  cell.colSpan="2";//注意是colSpan 不是 colspan,js是严格区分大小写的
  cell.innerHTML="new row"
}