主页 / 网络编程 /

javascript清空table表格的方法

网络编程 2021-07-04 21:48www.168986.cn编程入门
这篇文章主要介绍了javascript清空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只读问题,这种也会有问题，会导致后面动态插入的行没有

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

上一篇：javascript实现Table间隔色以及选择高亮(和动态切换 下一篇：AngularJS的内置过滤器详解

编程语言

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by