天天看点

html table清空数据,javascript清空table表格的方法

本文实例讲述了javascript清空table表格的方法。分享给大家供大家参考。具体如下:

1. 通常方法

循环table的rows,然后一个一个删除。

这个方法是通常的方法,可行,但是效率不好。

2. 另一个方法

var artTable = document.getElementById("artical_table");

console.debug(artTable.getElementsByTagName("thead")[0]);

var artBody=artTable.tBodies[0];

//clear table

//artBody.innerHTML='';

//获取tbody,清除innerHTML来达到清除表格数据,会报错

artBody.parentNode.outerHTML = artBody.parentNode.outerHTML.replace(artBody.innerHTML, "");

//解决tbody的innerHTML只读问题,这种也会有问题,会导致后面动态插入的行没有