IE の innerHTML や appendChild で要素が挿入された瞬間を取得する方法 - IT戦記

要素が挿入された瞬間を取得する 今までは出来ないと思っていたのですが、今日いろいろ試していて出来る方法が分かりました。 ですので、ちょっと紹介したいと思います。今のところアイデアなので、実用性は？です。 方法 HTML に以下の style 要素を挿入することで実現することができます。 <style type="text/css"> * { display: expression(function() { if (!this.__mark) { this.__mark = true; alert('inserted node: ' + this.tagName); } return ''; }.apply(this)); } </style> 実際に例を見てみましょう http://amachang.art-code.org/ieexpression/000.html <!DOCTYPE

[amachang]

id:os0x いや、 Node ではなくて要素だけです＞＜

[takuya_1st]

CSSのExpression Perpertyがすごい

[m_nagase]

IEのみ

[webmarksjp]

unsorted

[send]

DomNodeInserted

[terurou]

これは邪悪な…。まぁドコで使うんだろ

[TAKESAKO]

黒魔法XSSで使われる表現を白魔法に応用

[totttte]

cssのdisplay:でチェキ。(要素が追加されるとCSSの中身が新たに作られるから

[wacky]

CSSのexpressionを利用して、要素の追加をJavaScriptから検知するアイデア。IE限定。

[koyhoge]

CSS expressionでフックを仕掛ける。

[HolyGrail]

CSSのexpressionを使って要素が挿入された瞬間を取得する

[oldriver]

amachangがIEをハックし始めた

[akkun_choi]

expression

[hiro_y]

expressionを使ってイベントを捕捉。

[os0x]

IEでDOMNodeInsertedイベントってことか。↑なるほど、要素だけなのね。CSSの影響を受けるってのが条件か。セレクタで範囲を指定できるのが面白い。

[mattn]

デバッグに使えそう