javascript清空table表格的方法
更新時間：2015年05月14日 15:58:05 作者：永遠愛好寫程序
這篇文章主要介紹了javascript清空table表格的方法,涉及javascript操作table表格的技巧,需要的朋友可以參考下
本文實例講述了javascript清空table表格的方法。分享給大家供大家參考。具體如下：
1. 通常方法
循環(huán)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只讀問題,這種也會有問題，會導致后面動態(tài)插入的行沒有
希望本文所述對大家的javascript程序設計有所幫助。
您可能感興趣的文章:
- js處理表格對table進行修飾
- JS小功能(操作Table--動態(tài)添加刪除表格及數據)實現代碼
- 分享一個自己寫的table表格排序js插件(高效簡潔)
- 鍵盤上下鍵移動選擇table表格行的js代碼
- jquery tablesorter.js 支持中文表格排序改進
- HTML 自動伸縮的表格Table js實現
- JavaScript獲取表格（table）當前行的值、刪除行、增加行
- javascript實現Table間隔色以及選擇高亮(和動態(tài)切換數據)的方法
- javascript實現table表格隔行變色的方法
- JavaScript實現將xml轉換成html table表格的方法
- js操作table元素實現表格行列新增、刪除技巧總結
相關文章
服務器端js（Server-Side Javascrpt）很早也就有了，JAVA中也有javascript 的script引擎。2010-12-12
這篇文章主要給大家介紹了關于es6中Async函數的基本教程，文中介紹的非常詳細，對大家學習async函數具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧。2017-05-05
這篇文章主要介紹了微信小程序實現多選刪除列表數據功能,涉及微信小程序列表數據讀取、顯示、刪除等相關操作技巧,需要的朋友可以參考下2019-01-01
使用原生javascript創(chuàng)建通用表單驗證——更鋒利的使用dom對象
使用原生javascript創(chuàng)建通用表單驗證——更鋒利的使用dom對象，學習js的朋友可以參考下。2011-09-09
本文給大家匯總介紹了3中使用javascript實現將文件保存到本地的方法，非常的簡單實用，有需要的小伙伴可以參考下。2015-07-07
移動端開發(fā)的過程中，一個最常見的問題就是適配不同的屏幕寬度。本文主要介紹了webpack的移動端適配方案，感興趣的可以了解一下2021-07-07
本篇文章主要是對頁面圖片浮動左右滑動效果的簡單實現案例進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
這篇文章主要介紹了Webpack的Loader和Plugin的區(qū)別，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-11-11
JavaScript是一門弱類型語言，它對類型是弱校驗，所以才有了TypeScript。本文就來和大家一起看看TypeScript的類型兼容性的概念和分類，需要的可以參考一下2022-08-08
這篇文章主要為大家詳細介紹了微信小程序switch開關選擇器的使用，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-01-01