びびすけ さんのページ

2件の日記があります。

あさ (2007/02/11 07:29) 基本データ 1 comment

体重：62.3kg

escapeHTML() ＠ prototype.js (2007/02/11 10:17) 1 comment

昨晩から Ajaxな掲示板 を作成している
いろいろはまりまくったのだが、その原因のひとつが prototype.js の escapeHTML() という文字列クラスのメソッド
こいつは < > などのHTML特殊文字を &lt; などに変換してくれるのだが、
IE7ではついでに改行を削除してくれちゃったりする（FireFox では削除されなかった）
もともとは 入力された文字列を確認のためにそのまま表示したいので、HTML特殊文字を変換した後、
改行を <br> に変換したかった。先に改行が消えてしまっては困ってしまう

んで、prototype.js 1.5.0 の escapeHTML() の実装コードをみて驚いた。
なんとトリッキーなコードであろうか
---
  escapeHTML: function() {
    var div = document.createElement('div');
    var text = document.createTextNode(this);
    div.appendChild(text);
    return div.innerHTML;
  },
---
ドキュメントに <div>要素を作成し、変換したい文字列のテキストノードを作り、
それを <div> 要素の子供としてアペンドし、div.innerHTML でHTML特殊文字を変換したテキストを取り出している
つまりブラウザのDOMの機能を使用して、高速化を図っていると推測される
DOMの細かな挙動はブラウザの実装により異なるので、IE7では改行が削除されてしまった、というわけだ

prototype.js はブラウザの違いを吸収してくれるという触れ込みだったはずなのに、これでは困っちまうぜ

2件の日記があります。