DOM level1を使ったノードのハンドリング

DOMを使うことによってXML(HTML)のDOMツリーを自由にハンドリングすることができるようになりました。

"Add node"をクリックすると虎の９枚の画像(<span><img src=xxx></span>）を絶対位置指定で表示します。
これはDOM level1の createElement(), setAttribute(), appendChild()を使って実現しています。
それぞれの画像にはマウスのボタンダウンイベントに対してイベントハンドラーが設定されていて、イベントを検出すると自分自身を削除します。これはremoveChild()を使って実現しています。
ちなみに何度でも"Add node"をClickできます。
このページはDOM Level1をサポートするIE5以上、NN6以上でしか動作しません。

Add node