関のきまぐれ日記

Ajaxが一般化したこともあって、JavaScriptを使って、Webページの内容を動的に変更するのが最近流行ってるような気がします。

http://phpspot.org/blog/archives/2006/08/javascriptrnd.html

で、この手法には大きく分けて３通りの方法があるらしいです。

1. document.createElementでHTML要素を動的に作成し、appendChildなどでHTMLのDOMツリーに追加する方法
2. element.innerHTMLによってHTMLを直接書き換える方法
3. テンプレートシステムの利用

で、自分的には１と２の方法でしかやったことがないのですが、あまり何もかんがえずに２が楽だからと言う理由で２をメインで使ってました。

しかし、速度的にみると、１の方が３倍時間がかかるらしいです。

たまたま、自分がやってた方がいいらしいです。

しかし、この記事では、２は可読性が悪くなるのでテンプレートエンジンを使った方がいいということでした。

でも、自分的には、テンプレートエンジンを使った方が読みにくいです＾＾；；
多分慣れてないからだと思うのですが・・・

２の方は読みにくいと書いてましたが、実際にＨＴＭＬソースがあるので、どこでどういう風に変化するのかが一目で見れるのでいいと思いますね。

まぁ、いろいろな書き方があるので、自分にあう書き方をするのがいいとは思うのですが、複数人で構築する場合はどれかひとつに統一した方がいいのは言うまでもないですけどね・・・