javascript清空table表格的方法

2019-12-18,,,,

本文实例讲述了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只读问题,这种也会有问题,会导致后面动态插入的行没有

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

您可能感兴趣的文章:

  • js处理表格对table进行修饰
  • JS小功能(操作Table--动态添加删除表格及数据)实现代码
  • 分享一个自己写的table表格排序js插件(高效简洁)
  • 键盘上下键移动选择table表格行的js代码
  • jquery tablesorter.js 支持中文表格排序改进
  • HTML 自动伸缩的表格Table js实现
  • JavaScript获取表格(table)当前行的值、删除行、增加行
  • javascript实现Table间隔色以及选择高亮(和动态切换数据)的方法
  • javascript实现table表格隔行变色的方法
  • JavaScript实现将xml转换成html table表格的方法
  • js操作table元素实现表格行列新增、删除技巧总结

《javascript清空table表格的方法.doc》

下载本文的Word格式文档,以方便收藏与打印。