javascript_javascript スキルを使用してテーブルをクリアする方法

この記事の例では、JavaScript を使用してテーブルをクリアする方法を説明します。皆さんの参考に共有してください。詳細は以下の通りです。

1. 通常の方法

テーブルの行をループし、1 つずつ削除します。
この方法は一般的な方法であり、実行可能ですが、効率的ではありません。

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 プログラミング設計に役立つことを願っています。