javascript - テーブル オブジェクトの作成またはテーブルを含む文字列の書き込み

Question

Javascript を使用してテーブルを作成したいのですが、何を選択すればよいですか?

2 つのオプションがありますが、どちらを選択すればよいかわかりません。

1. テーブル要素の作成
2. 書き込みdocument.write("<table ><tr>..........</tr></table>");

あることをする正当な理由を誰か教えてくれませんか。

Answer 1

最初の選択肢の方が良いと思います...各オプションで最終的に何をするかを視覚化してみてください.

最初のオプションは、dom 要素を自分で作成することです。オブジェクトを書くようなものだと考えてください。オブジェクトがあり、それにスタイルやプロパティをスムーズに追加するために使用できるメソッドがあります (長くてもいいかもしれません)。JS 関数を使用して、マークアップを動的にすることができ
ます。実際にはあなたのhtmlマークアップですが、文字列として。そして、あなたは静的マークアップで終わるでしょう

ここで、カスタム プロパティを 2 番目の行に追加する必要があるとします (のようにdata-xxxx):
最初のオプションは、2 番目の行オブジェクトを見つけ、提供された関数を使用して必要なものを追加することだけです。
2 番目のオプションは、html マークアップをある種のエディター (例: http://jsfiddle.net ) に渡してから、マークアップを読みやすくフォーマットすることです。最後に、2 行目を検索してカスタム プロパティを追加します。

最初のオプションのもう 1 つの利点は、優れたjQueryなどの JS ライブラリを使用している場合、簡単なことです。