タグ

domに関するkanemu1117ncのブックマーク (2)

  • DOM Builder系のjsテンプレートエンジンまとめ

    前回、どちらかと言えばinnerHTMLよりはDOMを使いましょうと書きました。しかしDOMをちょっと使えば、その余りの煩雑さに閉口することでしょう。では可読性を保持しつつ、XSSも考慮して書くにはどうすればいいでしょうか。 ちょっとしたものであれば、HTML中にdisplay:noneで構造を書き出しておき、それをJavaScriptから使う、というアプローチでもカバーできるでしょう。しかし大規模になると限界が見えてきます。描画に必要ない要素を書き出しすぎると、パフォーマンスの問題も発生します。 そこで、JavaScriptでもテンプレートエンジンを使うことになります。 テンプレートエンジンには二大勢力がある E4Xみたいな変態拡張やJadeなどの独自文法系を除くと、Scriptlet系とDOM Builder系の二種類に大きく分けることができそうです。(系統の名前は適当に決めました。正

    DOM Builder系のjsテンプレートエンジンまとめ
  • [JavaScript]MarkUpBuilder - DOMの生成

    JavascriptでのDOM生成について、調べていたところ、マークアップビルダ、存在しないメソッドの記事を見つけて、SpiderMonkey以外のJavascript実装のブラウザでも汎用的に使えるように、実装してみました。 Prototype.jsに依存しています。 var MarkupBuilder = Class.create(); MarkupBuilder.DOM = ["ul", "ol", "li", "td", "tr", "thead", "tbody", "tfoot", "table", "th", "tbody", "input", "span", "p", "a", "div", "img", "textarea", "label", "script", "iframe"] MarkupBuilder.cache = null; MarkupBuilder.UA

  • 1