javascript清空table表格的方法

这篇文章主要介绍了javascript清空table表格的方法,涉及javascript操作table表格的技巧,需要的朋友可以参考下

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

1. 通常方法

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

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

2. 另一个方法

1. var artTable = document.getElementById("artical_table");  
2. console.debug(artTable.getElementsByTagName("thead")[0]); 
3. var artBody=artTable.tBodies[0]; 
4. //clear table 
5. //artBody.innerHTML=''; 
6. //获取tbody，清除innerHTML来达到清除表格数据,会报错 
7. artBody.parentNode.outerHTML = artBody.parentNode.outerHTML.replace(artBody.innerHTML, ""); 
8. //解决tbody的innerHTML只读问题,这种也会有问题，会导致后面动态插入的行没有 

希望本文所述对大家的javascript程序设计有所帮助。