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

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

リリース： 2016-05-16 17:26:27

オリジナル

1360 人が閲覧しました

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

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

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

テストページ

前の記事：JS FAQ (継続的に更新)_JavaScript スキル次の記事：JSボタンクリックトリガー（IE、Firefox対応）_javascriptスキル

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

著者別の最新記事