这篇文章主要介绍了javascript清空table表格的方法,涉及javascript操作table表格的技巧,需要的朋友可以参考下
本文实例讲述了javascript清空table表格的方法。分享给大家供大家参考。具体如下:
1. 通常方法
循环table的rows,然后一个一个删除。
这个方法是通常的方法,可行,但是效率不好。
2. 另一个方法
?
1 2 3 4 5 6 7 8 |
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只读问题,这种也会有问题,会导致后面动态插入的行没有 |
希望本文所述对大家的javascript程序设计有所帮助。