HTML テーブルは送信クリックごとにコンテンツを繰り返します

Question

私のプログラムは .csv ファイルを取得し、そこから情報を読み取り、js の HTML テーブルに送信します。 さらに、今後のアクションのための入力フィールドもあります。入力したフィルターによりテーブル全体のデータを検索できます。

問題は、フォームがすでに生成されているときにもう一度「送信」をクリックすると、フォームが再び表示され、コピーが作成されることです (図を参照)

問題は、送信時にコピーされないようにする方法です

.html： リーリー

.js： ああああ

Answer 1

解決策が見つかりました

replaceChildren アプローチはすでにコメント セクションで提案されていますが、代わりに
.innerHTML = '' を使用することにしました。

したがって、submit イベントが発生すると、テーブルの内容は

innerHTML = '' (消去されていない場合) になります

これで、js コードは次のようになります:

リーリー