javascript清空table表格的方法

更新時間：2015年05月14日 15:58:05 作者：永遠(yuǎn)愛好寫程序

這篇文章主要介紹了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來達(dá)到清除表格數(shù)據(jù),會報錯
artBody.parentNode.outerHTML = artBody.parentNode.outerHTML.replace(artBody.innerHTML, "");
//解決tbody的innerHTML只讀問題,這種也會有問題，會導(dǎo)致后面動態(tài)插入的行沒有

希望本文所述對大家的javascript程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

微信小程序?qū)崿F(xiàn)文字滾動
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)文字滾動，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-03-03
JS簡單判斷滾動條的滾動方向?qū)崿F(xiàn)方法
這篇文章主要介紹了JS簡單判斷滾動條的滾動方向?qū)崿F(xiàn)方法,涉及javascript針對scrollTop事件的相關(guān)操作技巧,需要的朋友可以參考下
2017-04-04
JavaScript高級程序設(shè)計閱讀筆記（十四） js繼承機制的實現(xiàn)
繼承是面向?qū)ο笳Z言的必備特征，即一個類能夠重用另一個類的方法和屬性。在JavaScript中繼承方式的實現(xiàn)方式主要有以下五種：對象冒充、call()、apply()、原型鏈、混合方式
2012-08-08
JS截取數(shù)組操作簡單示例
這篇文章主要給大家介紹了關(guān)于JS截取數(shù)組操作的相關(guān)資料,對數(shù)組的操作相信大家都不陌生,文中通過代碼示例介紹的非常詳細(xì),需要的朋友可以參考下
2023-08-08
十分鐘教你上手ES2020新特性
這篇文章主要介紹了十分鐘教你上手ES2020新特性，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-02-02
javascript數(shù)字驗證的實例代碼(推薦)
下面小編就為大家?guī)硪黄猨avascript數(shù)字驗證的實例代碼(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-08-08
前端使用minio傳輸文件的代碼及拓展
MinIO是一款基于Go語言的高性能對象存儲服務(wù),非常適合于存儲大容量非結(jié)構(gòu)化的數(shù)據(jù),例如圖片、視頻、日志文件、備份數(shù)據(jù)和容器/虛擬機鏡像等,這篇文章主要給大家介紹了關(guān)于前端使用minio傳輸文件的相關(guān)資料,需要的朋友可以參考下
2024-07-07
微信小程序如何獲知用戶運行小程序的場景教程
這篇文章主要給大家介紹了在微信小程序中如何獲知用戶運行小程序場景的相關(guān)資料，文中介紹的非常詳細(xì)，對大家具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來跟著小編一起來看看吧。
2017-05-05
d3.js實現(xiàn)自定義多y軸折線圖的示例代碼
本篇文章主要介紹了d3.js實現(xiàn)自定義多y軸折線圖的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-05-05
微信小程序商城分類滾動列表錨點的項目實踐
本文主要介紹了微信小程序商城分類滾動列表錨點的項目實踐，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-04-04