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來達到清除表格數(shù)據(jù),會報錯 artBody.parentNode.outerHTML = artBody.parentNode.outerHTML.replace(artBody.innerHTML, ""); //解決tbody的innerHTML只讀問題,這種也會有問題,會導(dǎo)致后面動態(tài)插入的行沒有
希望本文所述對大家的javascript程序設(shè)計有所幫助。
您可能感興趣的文章:
- js處理表格對table進行修飾
- JS小功能(操作Table--動態(tài)添加刪除表格及數(shù)據(jù))實現(xiàn)代碼
- 分享一個自己寫的table表格排序js插件(高效簡潔)
- 鍵盤上下鍵移動選擇table表格行的js代碼
- jquery tablesorter.js 支持中文表格排序改進
- HTML 自動伸縮的表格Table js實現(xiàn)
- JavaScript獲取表格(table)當前行的值、刪除行、增加行
- javascript實現(xiàn)Table間隔色以及選擇高亮(和動態(tài)切換數(shù)據(jù))的方法
- javascript實現(xiàn)table表格隔行變色的方法
- JavaScript實現(xiàn)將xml轉(zhuǎn)換成html table表格的方法
- js操作table元素實現(xiàn)表格行列新增、刪除技巧總結(jié)
相關(guān)文章
es6學(xué)習(xí)筆記之Async函數(shù)基本教程
這篇文章主要給大家介紹了關(guān)于es6中Async函數(shù)的基本教程,文中介紹的非常詳細,對大家學(xué)習(xí)async函數(shù)具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧。2017-05-05微信小程序?qū)崿F(xiàn)多選刪除列表數(shù)據(jù)功能示例
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)多選刪除列表數(shù)據(jù)功能,涉及微信小程序列表數(shù)據(jù)讀取、顯示、刪除等相關(guān)操作技巧,需要的朋友可以參考下2019-01-01使用原生javascript創(chuàng)建通用表單驗證——更鋒利的使用dom對象
使用原生javascript創(chuàng)建通用表單驗證——更鋒利的使用dom對象,學(xué)習(xí)js的朋友可以參考下。2011-09-09javascript實現(xiàn)將文件保存到本地方法匯總
本文給大家匯總介紹了3中使用javascript實現(xiàn)將文件保存到本地的方法,非常的簡單實用,有需要的小伙伴可以參考下。2015-07-07