jsでテーブルを動的に作成および削除するサンプルコード_javascriptスキル

2000*5 のテーブルを生成します。各セルの内容は行番号とカンマ列番号です。

方法 1: createElement を使用してテーブルを生成し、insertRow メソッドと insertCell メソッドを使用して行と列を生成し、次を使用します。セルの内容を埋める innerHTML 属性。
方法 2: createElement を使用してテーブルを生成し、CreateElement メソッドを使用して行と列を生成し、createTextNode メソッドを使用してセルのコンテンツを入力します。
方法 3: テーブルの innerHTML 属性の文字列を結合し、string = 演算子を使用して文字列をリンクします。
方法 4: テーブルの innerHTML 属性の文字列を結合し、各文字列を配列に追加します、最後に配列の join メソッドを呼び出し、ターゲット文字列を生成します。

実行時間の比較:
メソッドの実行時間 (ミリ秒)
メソッド 1 93037
メソッド 2 3341
メソッド 3 2795
メソッド 4 500

特定プログラムは次のとおりです:

コードをコピー コードは次のとおりです: