[javascript,prototype]innerHTMLに +=(文字列結合)するのはよろしくないみたい - Yaks

[javascript,prototype]innerHTMLに +=(文字列結合)するのはよろしくないみたい prototype.js 1.5から$()が拡張され、要素に Elementや Form.Elementのメソッドが追加されるようになりました。 いままで、 var elem = $('hoge'); Element.toggle(elem); と、Elementクラスを介して行っていた処理を var elem = $('hoge'); elem.toggle(); と、その要素自身のメソッドとして扱う事ができるようになり、より直感的にコードを書けるようになりました。(HTMLの DOM要素を直接拡張してるのがちょっとビミョウなんですが...) ところが、時々 IEでこの拡張が効かなくなる症状に遭遇しました。 Script Debugger や IE Developer Tool

[rikuba]

"IEで innerHTML に += で 内容を追加すると、その要素の中身(子要素)が上書きされてしまう(プロパティだけは引継がれ、メソッドは引き継がれない)"