テンプレートエンジンjavascript

最近、要素を描画するためにjavascriptが使用された古いサイトの1つでデザインを変更する必要がありました。 特に、そのような瞬間があります。 着信データは、javascriptを使用してテーブルに追加する必要があります。 さらに、各要素（セル、行）など。 いくつかの属性がありました。 このような要素は、標準のDOM関数（createElement、appendChildなど）で描画されました。 設計を変更するとき、私はjavascriptコードに行かなければなりませんでした（他のスタイルなどを置く）。 身近な状況だと思います。



当然、私はこの状況が気に入らず、javascriptを変更せずにデザインの変更を提供するというアイデアを思いつきました。 これを行うには、htmlでテンプレートを作成し、cloneNodeを使用して適切な場所に挿入し、ラベルをデータに置き換えます。 ここから生まれたのがwww.pastebin.ca/931592です。



今、デザインが変化していると想像してください：

www.pastebin.ca/931593



表示が非常に複雑な場合、このアプローチはサポートを簡素化します。

マイナス-速度低下の可能性。

損失を減らすために、ラベルが置換される属性のセットは制限されています。 このセットは定期的に明確にする必要があります。



追伸 IE6およびFirefox2でテスト済み