OSDN Git Service

Version 0.6.57, fixed NS of X.UI & X.Class for __proto__.
[pettanr/clientJs.git] / 0.6.x / js / dom / 11_XDomNode.js
index cf650fb..bc48a70 100644 (file)
@@ -1,15 +1,54 @@
+X.Dom.Dirty = {\r
+       CLEAN            :  0,\r
+       CHILD_IS_DIRTY   :  1,\r
+       ID               :  2, // width, height, x, y\r
+       CONTENT          :  4, // width, height, x, y textNode の内容\r
+       CLASSNAME        :  8, // _getCharSize, width, height, x, y\r
+       ATTR             : 16, // _getCharSize, width, height, x, y\r
+       CSS              : 32, // _getCharSize, width, height, x, y\r
+       IE_FILTER        : X.UA.IE && X.UA.IE < 9 && !X.UA.MacIE ? 64 : 0,\r
+       UNKNOWN_TAG_FIX  : 128,\r
+       IE4_TEXTNODE_FIX : 256\r
+};\r
+\r
+X.Dom.State = {\r
+       DESTROYED          : 0,\r
+       EXIST              : 1,\r
+       BELONG_TREE        : 2,\r
+       DISPLAY_NONE       : 4,\r
+       DISPLAY_BLOCK      : 8,\r
+       DISPLAY_INLINE     : 16,\r
+       POSITION_ABSOLUTE  : 32,\r
+       OVERFLOW_HIDDEN    : 64,\r
+       HAS_WIDTH_LENGTH   : 128,\r
+       HAS_WIDTH_PERCENT  : 256,\r
+       HAS_HEIGHT_LENGTH  : 512,\r
+       HAS_HEIGHT_PERCENT : 1024,\r
+       IE4_ONLY_TEXT      : 2048,\r
+       IE5_DISPLAY_NONE_FIX : !X.UA.MacIE && 5 <= X.UA.IE && X.UA.IE < 5.5 ? 4096 : 0 // filterがかかっていると不可? MacIE5.2- は ?\r
+};\r
+\r
+X.Dom._strictElmCreation = !X.UA.MacIE && X.UA.IE5678;// && !X.UA.MacIE;\r
+\r
+X.Dom._useDocumentFragment = document.createDocumentFragment && ( !X.UA.IE || 5.5 <= X.UA.IE ) && document.createDocumentFragment();\r
 \r
 /*\r
  * Node( rawElement | rawTextnode | htmlString | textString )\r
  */\r
-//;(function( window, document, undeifned ){\r
+\r
 X.Dom.Node = X.EventDispatcher.inherits(\r
        'XDomNode',\r
        X.Class.POOL_OBJECT,\r
        {\r
                _uid       : 0,\r
-               _rawNode   : null,              \r
-               parent     : null,              \r
+               _state     : 0,\r
+               _dirty     : 0,\r
+               \r
+               _isNew     : false,\r
+               \r
+               _rawNode   : null,\r
+               _root      : null, // xnode が文書ツリーに属しているか?はこれを見る\r
+               parent     : null, // remove された枝も親子構造は維持している。\r
                _xnodes    : null,\r
        \r
                _xnodeType : 0,\r
@@ -17,30 +56,35 @@ X.Dom.Node = X.EventDispatcher.inherits(
                _text      : null,\r
                _id        : null,\r
                _className : '',\r
-               _classText : ' ',\r
 \r
                _attrs     : null, // X.Dom.Attr\r
-               _attrText  : '',\r
-               _attrUpdated : false,\r
+               _newAttrs  : null,\r
+               _attrText  : '', // X.Dom.Attr.objToAttrText が必要な場合は false が入っている\r
+               \r
                _css       : null, // X.Dom.Style\r
-               _cssText   : '',\r
-               _styleText : '',\r
+               _cssText   : null,\r
+               \r
+               _fontSize  : 0,\r
+               \r
+               _anime     : null,\r
                \r
                Constructor : function( v ){\r
                        var css, xnodes, xnode, parent, uid = Node._chashe.length;\r
                        \r
                        if( Node._newByTag ){\r
                                Node._newByTag  = false;\r
-                               this._tag       = v;\r
+                               this._tag       = v.toUpperCase();\r
                                this._xnodeType = 1;\r
+                               this._state     = X.Dom.State.DISPLAY_INLINE; // todo\r
                                arguments[ 1 ] && this.attr( arguments[ 1 ] );\r
-                               css = arguments[ 2 ];\r
+                               css = arguments[ 2 ] || arguments[ 1 ];\r
                                css && this[ X.Type.isString( css ) ? 'cssText' : 'css' ]( css );\r
                        } else\r
                        if( Node._newByText ){\r
                                Node._newByText = false;\r
                                this._text      = v;\r
                                this._xnodeType = 3;\r
+                               this._state     = X.Dom.State.DISPLAY_INLINE;\r
                        } else {\r
                                if( 1 < arguments.length ) return new X.Dom.NodeList( arguments );\r
                                if( X.Type.isArray( v ) && v.length ) return new X.Dom.NodeList( v );\r
@@ -53,17 +97,19 @@ X.Dom.Node = X.EventDispatcher.inherits(
                                        case Node.IS_RAW_HTML :\r
                                                if( xnode = Node._getXNode( v ) ) return xnode;\r
                                                // v.parentNode || v.parentElement : dom1 || dom0\r
-                                               this.parent     = v !== document.body && ( parent = v.parentNode || v.parentElement ) && parent.tagName /* ie7- */ && Node._getXNode( parent );\r
+                                               this.parent     = ( parent = v.parentNode || v.parentElement ) && parent.tagName /* ie7- */ && Node._getXNode( parent );\r
+                                               this._root      = this.parent ? this.parent._root : null;\r
                                                this._rawNode   = v;\r
                                                this._xnodeType = 1;\r
-                                               this._tag       = v.tagName;\r
+                                               this._state     = X.Dom.State.DISPLAY_BLOCK; // todo\r
+                                               this._tag       = v.tagName.toUpperCase();\r
                                                this._id        = v.id;\r
                                                this._className = v.className;\r
-                                               this._classText = ' class="' + this._className + '" ';\r
                                                this.cssText( v.style.cssText );\r
-                                               // attr\r
-                                               \r
-                                               if( X.UA.IE && X.UA.IE < 5 ){\r
+                                               // X.Dom.Dirty.CSS を落とす\r
+                                               this._dirty = 0;\r
+                                               // attr の回収は不可能、、、\r
+                                               if( X.Dom.DOM_IE4 ){\r
                                                        v.setAttribute( 'UID', '' + uid );\r
                                                } else {\r
                                                        v.UID = uid;\r
@@ -73,20 +119,31 @@ X.Dom.Node = X.EventDispatcher.inherits(
                                        case Node.IS_RAW_TEXT :\r
                                                if( xnode = Node._getXNode( v ) ) return xnode;\r
                                                this.parent     = Node._getXNode( v.parentNode );\r
+                                               this._root      = this.parent ? this.parent._root : null;\r
                                                this._rawNode   = v;\r
                                                this._xnodeType = 3;\r
+                                               this._state     = X.Dom.State.DISPLAY_INLINE;\r
                                                this._text      = v.data;\r
+                                               v.UID = uid;\r
                                                break;\r
                                        case Node.IS_HTML_STRING :\r
                                        case Node.IS_STRING :\r
                                                if( xnodes = X.Dom.parse( v, true ) && 1 < xnodes.length ) return new X.Dom.NodeList( xnodes );\r
                                                if( xnodes.length ) return xnodes[ 0 ];\r
                                                return Node.none;\r
+                                       case Node.IS_IMAGE :\r
+                                               if( xnode = Node._getXNode( v ) ) return xnode;\r
+                                               this._rawNode   = v;\r
+                                               this._xnodeType = 4;\r
+                                               v.UID           = uid;\r
+                                               this._state     = X.Dom.State.EXIST;\r
+                                               break;\r
                                        case Node.IS_WINDOW :\r
                                        case Node.IS_DOCUMENT :\r
-                                       case Node.IS_IMAGE :\r
+                                               if( xnode = Node._getXNode( v ) ) return xnode;\r
                                                this._rawNode   = v;\r
                                                this._xnodeType = 2;\r
+                                               this._state     = X.Dom.State.DISPLAY_BLOCK;\r
                                                break;\r
                                        default :\r
                                                if( Node.none ) return Node.none;\r
@@ -106,7 +163,7 @@ Node.IS_RAW_HTML    = 2;
 Node.IS_RAW_TEXT    = 3;\r
 Node.IS_HTML_STRING = 4;\r
 Node.IS_STRING      = 5;\r
-Node.IS_DOC_FRAG    = 6;\r
+//Node.IS_DOC_FRAG    = 6;\r
 Node.IS_XNODE_LIST  = 7;\r
 Node.IS_WINDOW      = 8;\r
 Node.IS_DOCUMENT    = 9;\r
@@ -118,6 +175,11 @@ Node._getType = function( v ){
        if( v === window ) return Node.IS_WINDOW;\r
        if( v === document ) return Node.IS_DOCUMENT;\r
        if( v.constructor === window.Image ) return Node.IS_IMAGE;\r
+       if( X.UA.Safari && X.UA.Safari < 3 ){\r
+               if( v.src !== undefined && v.onload !== undefined && X.Type.isNumber( v.height ) && X.Type.isNumber( v.width ) && X.Type.isBoolean( v.complete ) ){\r
+                       return Node.IS_IMAGE;\r
+               };\r
+       };      \r
        if( v.constructor === Node ) return Node.IS_XNODE;\r
        if( v.constructor === X.Dom.NodeList ) return Node.IS_XNODE_LIST;\r
        if( v.tagName ) return Node.IS_RAW_HTML;\r
@@ -125,23 +187,49 @@ Node._getType = function( v ){
        if( typeof v === 'string' ){\r
                return '<' === v.charAt( 0 ) && v.charAt( v.length - 1 ) === '>' ? Node.IS_HTML_STRING : Node.IS_STRING;\r
        };\r
-       if( v.nodeType === 11 ) return Node.IS_DOC_FRAG;\r
+       //if( v.nodeType === 11 ) return Node.IS_DOC_FRAG;\r
        return 0;\r
 };\r
-Node._getXNode = function( node ){\r
-       var uid;\r
-       if( !node ) return;\r
-       if( X.UA.IE && X.UA.IE < 5 ){\r
-               uid = node.getAttribute( 'UID' );\r
-               return uid && Node._chashe[ uid ];\r
+Node._getXNode = function( v ){\r
+       var uid, i, chashe, xnode;\r
+       switch( Node._getType( v ) ){\r
+               case Node.IS_XNODE :\r
+               case Node.IS_XNODE_LIST :\r
+                       return v;\r
+               case Node.IS_RAW_HTML :\r
+               case Node.IS_IMAGE :\r
+                       // fake TextNode too.\r
+                       if( X.Dom.DOM_IE4 ){\r
+                               uid = v.getAttribute( 'UID' );\r
+                               return uid && Node._chashe[ uid ];\r
+                       };\r
+                       return v.UID && Node._chashe[ v.UID ];\r
+               case Node.IS_WINDOW :\r
+                       return Node._window;\r
+               case Node.IS_DOCUMENT :\r
+                       return Node._document;\r
+               case Node.IS_RAW_TEXT :\r
+                       if( v.UID ) return Node._chashe[ v.UID ];\r
+                       for( chashe = Node._chashe, i = chashe.length; i; ){\r
+                               if( ( xnode = Node._chashe[ --i ] ) && ( xnode._rawNode === v ) ) return xnode;\r
+                       };\r
        };\r
-       return node.UID && Node._chashe[ node.UID ];\r
 };\r
 \r
 \r
-Node.create = function( tag, opt_attr, opt_css ){\r
-       Node._newByTag = true;\r
-       return new Node( tag, opt_attr, opt_css );\r
+Node.create = function( tag, opt_attrs, opt_css ){\r
+       var list, i;\r
+       switch( Node._getType( tag ) ){\r
+               case Node.IS_STRING :\r
+                       Node._newByTag = true;\r
+                       return new Node( tag, opt_attrs, opt_css );\r
+               case Node.IS_HTML_STRING :\r
+                       list = X.Dom.parse( tag, true );\r
+                       for( i = list.length; 1 < i; ){\r
+                               list[ --i ].destroy();\r
+                       };\r
+                       return list[ 0 ];\r
+       };\r
 };\r
 Node.createText = function( text ){\r
        Node._newByText = true;\r
@@ -151,230 +239,50 @@ Node.createText = function( text ){
 \r
 Node.getRoot = function( xnode ){\r
        return Node._document;\r
-       //return xnode.root._rawNode.documentElement ? node : node.ownerDocument || node.document;\r
+       //return xNode._body._rawNode.documentElement ? node : node.ownerDocument || node.document;\r
 };\r
        // XMLかどうかを判別する\r
 Node.isXmlDocument =\r
-       X.UA.IE && X.UA.IE < 5 ?\r
+       X.Dom.DOM_IE4 ?\r
                X.emptyFunction :\r
                (function( root ){\r
-                       return root._rawNode.createElement( 'p' ).tagName !== root._rawNode.createElement( 'P' ).tagName;\r
+                       if( X.Type.isBoolean( root.isXML ) ) return root.isXML;\r
+                       return root.isXML = root._rawNode.createElement( 'p' ).tagName !== root._rawNode.createElement( 'P' ).tagName;\r
                });\r
 \r
-\r
-/* --------------------------------------\r
- *  Dom Core 1\r
- */\r
-if( document.getElementById ){\r
-       Node._dom1cleanUp = function( xnode ){\r
-               var elm      = xnode._rawNode,\r
-                       children = xnode._xnodes,\r
-                       childNodes, i, l, child, _child;\r
-               if( elm && children && ( childNodes = elm.childNodes ) ){\r
-                       for( i = 0, l = children.length; i < l; ++i ){\r
-                               child = children[ i ];\r
-                               if( child.constructor === Node ) child = child._create( true );\r
-                               if( typeof child === 'string'  ) child = document.createTextNode( child );\r
-                               if( ( _child = childNodes[ i ] ) !== child ){\r
-                                       _child ?\r
-                                               elm.insertBefore( child, _child ) :\r
-                                               elm.appendChild( child );\r
-                                       _child && elm.removeChild( _child );\r
-                               };\r
-                       };\r
-                       while( ( _child = childNodes[ i ] ) ){\r
-                               elm.removeChild( _child );\r
-                       };\r
-               };\r
-       };      \r
-};\r
-\r
 Node._chashe     = [];\r
 Node.none        = Node._chashe[ 0 ] = new Node();\r
 Node._window     = new Node( window ); // Node._chashe[ 1 ]\r
 Node._document   = new Node( document ); // Node._chashe[ 2 ]\r
 Node._html       = null; // Node._chashe[ 3 ]\r
-Node.root        = null;// = Node._chashe[ 4 ] body\r
+Node._body       = null;// = Node._chashe[ 4 ] body\r
 Node._systemNode = null;// = Node._chashe[ ? ]\r
 \r
-/* --------------------------------------\r
- *  Create\r
- */\r
-Node.prototype._create =\r
-       // document.createElement of ie4 is only for OPTION & IMAGE.\r
-       document.getElementById ? (function( isChild ){\r
-               var tag = this._tag, node, frg;\r
-/*\r
- * http://d.hatena.ne.jp/uupaa/20080718/1216362040\r
- * DOM Rangeが使える環境(Firefox2+,Opera9+,Safari3+)なら、innerHTMLいらずで、ガーって書けます。\r
- * return document.createRange().createContextualFragment("<div><select><option></option></select></div>");\r
- * \r
- * ie7 以下では iframe の frameborder や、input name は、createElement 後に aetAttribute しても無視される\r
- */\r
+Node._reserveRemoval = [];\r
 \r
-               if( !( node = this._rawNode ) ){\r
-                       this._isNew = true;\r
-                       node = this._rawNode = (\r
-                               tag && X.UA.IE ?\r
-                                       document.createElement( [\r
-                                               '<', this._tag,\r
-                                                       ' UID="', this._uid, '"',\r
-                                                       this._id ? ' id="' + this._id + '"' : '',\r
-                                                       this._classText,\r
-                                                       ( this._attrUpdated ? ( this._attrText = X.Dom.Attr.objToAttrText( this._attrs ) ) : this._attrText ),\r
-                                                       this._styleText,\r
-                                               '>' ].join( '' ) ) :\r
-                               tag ?\r
-                                       document.createElement( tag ) :\r
-                                       document.createTextNode( this._text ) );\r
-                       delete this._attrUpdated;\r
-               };\r
-               // fragument がある場合 children も足して\r
-               // Mozilla: 1.0+, IE: 6.0+, Netscape: 2.0+, Safari: 1.0+, Opera: 7.0+\r
-               if( !isChild && document.createDocumentFragment ){\r
-                       if( node.nodeType === 1 ){\r
-                               frg = document.createDocumentFragment();\r
-                               frg.appendChild( node );\r
-                               Node._dom1cleanUp( this );\r
-                               return frg;\r
-                       };\r
-               };\r
-               \r
-               return node;\r
-       }) :\r
-       document.all ? (function( skipRemove, skipContainsDirty ){\r
-               var html, attrs, attr, children, i, l, child, toName, noValue, name;\r
-               if( this._xnodeType !== 1 ) return this._text;\r
-               \r
-               if( this._rawNode || this._ie4getRawNode() ){\r
-                       if( skipRemove ){\r
-                               this._beforeRemove();\r
-                       } else {\r
-                               // 追加する前に要素を抜く\r
-                               this.remove();          \r
-                       };\r
-                       if( !skipContainsDirty && !this._ie4containsDirty() ){\r
-                               return this._htmlText;\r
-                       };\r
-               };\r
-               html = [\r
-                       '<', this._tag, ' id=', ( this._id || ( 'ie4uid' + this._uid ) ),\r
-                       this._classText,\r
-                       ( this._attrUpdated ? ( this._attrText = X.Dom.Attr.objToAttrText( this._attrs ) ) : this._attrText ),\r
-                       this._styleText,\r
-               '>' ];\r
-               delete this._attrUpdated;\r
-               \r
-               if( ( children = this._xnodes ) && ( l = children.length ) ){\r
-                       for( i = 0; i < l; ++i ){\r
-                               html[ html.length ] = children[ i ]._create( true, true );\r
-                       };\r
-               };\r
-               html[ html.length ] = '<\/' + this._tag + '>';\r
-               return html.join( '' );\r
-       }) :\r
-       (function(){});\r
-\r
-Node.prototype._afterCreate =\r
-       ( document.getElementById ) ? (function( parent ){\r
-               var _children = this._xnodes,\r
-                       node      = this._rawNode,\r
-                       eChildren = node && node.nodeType === 1 && node.childNodes,\r
-                       attrs, p, _child, i, l;\r
-               this.parent = parent;\r
-               if( this._xnodeType !== 1 ) return this;\r
-               if( this._isNew ){\r
-                       if( _children && !document.createDocumentFragment ){\r
-                               Node._dom1cleanUp( this ); // docFrg が使えない場合、doc 追加後に子を追加\r
-                       };\r
-                       if( !X.UA.IE ){\r
-                               node.UID       = this._uid;\r
-                               if( this._id ) node.id = this._id;\r
-                               if( this._className ) node.className = this._className;\r
-                               // ie では createElement に <div class=...> HTML 文字列を渡すことができる\r
-                               // 動的に生成した iframe に後から frameborder 等を設定しても無視される ie7\r
-                               if( attrs = this._attrs ){\r
-                                       for( p in attrs ){\r
-                                               node[ p ] = attrs[ p ];\r
-                                       };\r
-                               };\r
-                               node.style.cssText = this._cssText;                             \r
-                       };\r
-                       this._restoreEvent();// イベントの復帰\r
-                       delete this._isNew;\r
-               };\r
-               /*\r
-                * elm.childNodes を this._xnodes にリンクさせる\r
-                */\r
-               if( _children ){\r
-                       for( i = 0, l = _children.length; i < l; ++i ){\r
-                               _child = _children[ i ];\r
-                               _child.constructor === Node ? _child._afterCreate( this ) : ( _children[ i ] = eChildren[ i ] );\r
-                       };\r
-               } else\r
-               if( eChildren && eChildren.length ){\r
-                       this._xnodes = [];\r
-                       this._xnodes.push.apply( this._xnodes, eChildren );\r
-               };\r
-               return this;\r
-       }) :\r
-       document.all ? (function( parent ){\r
-               var elm,\r
-                       children = this._xnodes,\r
-                       child, i, l;\r
-               this.parent = parent;\r
-               delete this._ie4dirty;\r
-               \r
-               if( this._xnodeType !== 1 ) return this;\r
+if( X.Dom.DOM_IE4 ){\r
+       Node.prototype._ie4getRawNode = function(){\r
+               var elm = this._rawNode;\r
+               return elm ||\r
+                       ( ( elm = document.all[ 'ie4uid' + this._uid ] ) && ( this._rawNode = elm ) ) ||\r
+                       ( this._id && ( elm = document.all[ this._id ] ) ) && ( this._rawNode = elm );\r
+       };\r
+};\r
 \r
-               delete this._rawNode;\r
-               delete this._ie4dirtyChildren;\r
-               \r
-               if( children ){\r
-                       for( i = children.length; i; ){\r
-                               children[ --i ]._afterCreate( this );\r
-                       };\r
-               };\r
-               if( elm = this._ie4getRawNode() ){\r
-                       this._restoreEvent();// イベントの復帰\r
-                       elm.setAttribute( 'UID', '' + this._uid );\r
-               };\r
-       }) :\r
-       (function(){});\r
 \r
 /* --------------------------------------\r
  *  Create\r
  */\r
 Node.prototype.create = function( tag, opt_attrs, opt_css ){\r
-       var elm, xnode;\r
+       var xnode;\r
        if( this._xnodeType !== 1 ) return;\r
        if( !this._xnodes ) this._xnodes = [];\r
        \r
-       elm = this._ie4getRawNode ? this._ie4getRawNode() : this._rawNode;\r
+       xnode = Node.create( tag, opt_attrs, opt_css );\r
        \r
-       if( elm && !Node.skipCreate ){\r
-               if( document.getElementById ){\r
-                       // ie では iframe の frameborder が無視されるので、<iframe class=> を渡す\r
-                       elm.appendChild( document.createElement( tag ) );\r
-                       xnode = new Node( elm.lastChild );\r
-                       opt_attrs && xnode.attr( opt_attrs );\r
-                       opt_css   && xnode[ X.Type.isString( opt_css ) ? 'cssText' : 'css' ]( opt_css );\r
-               } else\r
-               if( document.all ){\r
-                       Node._newByTag = true;\r
-                       xnode = new Node( tag, opt_attrs, opt_css );\r
-                       // opt_attrs && xnode.attr( opt_attrs );\r
-                       elm.insertAdjacentHTML( 'BeforeEnd', xnode._create() );\r
-                       xnode._rawNode = elm.children[ elm.children.length - 1 ];\r
-               } else {\r
-                       \r
-               };\r
-       } else {\r
-               Node._newByTag = true;\r
-               xnode = new Node( tag, opt_attrs, opt_css );\r
-       };\r
        xnode.parent = this;\r
        this._xnodes[ this._xnodes.length ] = xnode;\r
+       this._root && this._reserveUpdate();\r
        return xnode;\r
 };\r
 \r
@@ -382,29 +290,15 @@ Node.prototype.create = function( tag, opt_attrs, opt_css ){
  *  CreateText\r
  */\r
 Node.prototype.createText = function( text ){\r
-       var elm, xnode;\r
+       var xnode;\r
        if( this._xnodeType !== 1 ) return;\r
        if( !this._xnodes ) this._xnodes = [];\r
        \r
-       elm = this._ie4getRawNode ? this._ie4getRawNode() : this._rawNode;\r
-       \r
-       if( elm && !Node.skipCreate ){\r
-               if( document.createTextNode ){\r
-                       elm.appendChild( document.createTextNode( text ) );\r
-                       xnode = new Node( elm.lastChild );\r
-               } else\r
-               if( document.all ){\r
-                       elm.insertAdjacentText( 'BeforeEnd', text );\r
-                       Node._newByText = true;\r
-                       xnode = new Node( text );\r
-               } else {\r
-                       \r
-               };\r
-       } else {\r
-               Node._newByText = true;\r
-               xnode = new Node( text );\r
-       };\r
+       Node._newByText = true;\r
+       xnode = new Node( text );\r
        xnode.parent = this;\r
+       \r
+       this._root && this._reserveUpdate();\r
        this._xnodes[ this._xnodes.length ] = xnode;\r
        return xnode;\r
 };\r
@@ -415,24 +309,18 @@ Node.prototype.createText = function( text ){
  * http://d.hatena.ne.jp/uupaa/20100508/1273299874\r
  */\r
 Node.prototype.clone = function( opt_clone_children ){\r
-       var xnode, elm;\r
+       var xnode, xnodes, i, l;\r
        switch( this._xnodeType ){\r
                case 1 :\r
-                       if( X.UA.IE && X.UA.IE < 5 ){\r
-                               \r
-                       } else\r
-                       if( X.UA.IE && 5 <= X.UA.IE && X.UA.IE < 10 ){\r
-                               Node._newByTag = true;\r
-                               xnode = new Node( this._tag, this._attrs, this._css );\r
-                               xnode.className( this.className() );\r
-                               if( opt_clone_children ){\r
-                                       \r
+                       Node._newByTag = true;\r
+                       xnode = new Node( this._tag, X.cloneObject( this._attrs ), X.cloneObject( this._css ) )\r
+                               .attr( { 'id' : this._id } )\r
+                               .className( this._className );\r
+                       if( opt_clone_children && ( xnodes = this._xnodes ) && ( l = xnodes.length ) ){\r
+                               for( i = 0; i < l; ++i ){\r
+                                       xnode.append( xnodes[ i ].clone( true ) );\r
                                };\r
-                       } else\r
-                       if( elm = this.rawNode ){\r
-                               xnode = new Node( elm.cloneNode( !!opt_clone_children ) );\r
                        };\r
-\r
                        return xnode;\r
                case 3 :\r
                        Node._newByText = true;\r
@@ -451,190 +339,137 @@ Node.prototype.clone = function( opt_clone_children ){
  * HtmlElement の場合は内部使用専用 そのため event の破棄等しない\r
  */\r
 Node.prototype.append = function( v ){\r
-       var elm, i, l, children, frg;\r
+       var i, l, xnodes, frg;\r
        if( this._xnodeType !== 1 ) return;\r
        \r
        if( 1 < ( l = arguments.length ) ){\r
-               if( document.createDocumentFragment && this._rawNode ){\r
-                       frg = document.createDocumentFragment();\r
-                       for( i = 0; i < l; ++i ){\r
-                               v = arguments[ i ];\r
-                               v = v.constructor === Node ? v : new Node( v );\r
-                               frg.appendChild( v._create() );\r
-                               this._xnodes[ this._xnodes.length ] = v;\r
-                               v._afterCreate( this );\r
-                       };\r
-                       this._rawNode.appendChild( frg );\r
-                       return this;\r
-               } else {\r
-                       for( i = 0; i < l; ++i ){\r
-                               this.append( arguments[ i ] );\r
-                       };\r
+               for( i = 0; i < l; ++i ){\r
+                       this.append( arguments[ i ] );\r
                };\r
                return this;\r
        };\r
        \r
-       if( !this._xnodes ) this._xnodes = [];\r
+       if( !( xnodes = this._xnodes ) ) this._xnodes = xnodes = [];\r
        \r
-       elm = this._ie4getRawNode ? this._ie4getRawNode() : this._rawNode;\r
        switch( Node._getType( v ) ){\r
                case Node.IS_RAW_HTML :\r
                case Node.IS_RAW_TEXT :\r
-                       if( elm ){\r
-                               if( document.getElementById ){\r
-                                       elm.appendChild( v );\r
-                               } else\r
-                               if( document.all ){\r
-                                       elm.insertAdjacentHTML( 'BeforeEnd', v.outerHTML );\r
-                                       v = elm.children[ elm.children.length - 1 ];\r
-                               } else {\r
-                                       \r
-                               };\r
-                       };\r
-                       this._xnodes[ this._xnodes.length ] = new Node( v );\r
+                       v = new Node( v );\r
                        break;\r
                case Node.IS_HTML_STRING :\r
                case Node.IS_STRING :\r
-                       this.append( X.Dom.parse( v, true ) );\r
-                       break;\r
+                       return this.append.apply( this, X.Dom.parse( v, true ) );\r
                case Node.IS_XNODE :\r
-                       if( v === Node.none ) return this;\r
+                       if( v._xnodeType !== 1 && v._xnodeType !== 3 ) return this;\r
                        // 親の xnodes から v を消す\r
-                       v.parent && ( i = v.parent._xnodes.indexOf( v ) ) !== -1 && v.parent._xnodes.splice( i, 1 );\r
-                       if( elm ){\r
-                               if( document.getElementById ){\r
-                                       elm.appendChild( v._create() );\r
-                                       v._afterCreate( this );\r
-                               } else\r
-                               if( document.all ){\r
-                                       elm.insertAdjacentHTML( 'BeforeEnd', v._create() );\r
-                                       v._afterCreate( this );\r
-                               } else {\r
+                       if( v.parent ){\r
+                               //if( X.Dom.DOM_W3C ){\r
+                               //      v.parent._xnodes.splice( v.parent._xnodes.indexOf( v ), 1 );\r
+                               //} else\r
+                               //if( X.Dom.DOM_IE4 ){\r
+                                       v.remove();\r
+                               //} else {\r
                                        \r
-                               };\r
-                       };\r
-                       this._xnodes[ this._xnodes.length ] = v;\r
+                               //};\r
+                       };// else\r
+                       //if( ( i = Node._reserveRemoval.indexOf( v ) ) !== -1 ){\r
+                       //      if( !this._state ) alert( 'xnode already destroyed!' );\r
+                       //      Node._reserveRemoval.splice( i, 1 );\r
+                       //};\r
+                       break;\r
+               default :\r
+                       return this;\r
        };\r
+\r
+       v.parent = this;\r
+       xnodes[ xnodes.length ] = v;\r
+       this._root && this._reserveUpdate();\r
        return this;\r
 };\r
 \r
 \r
 Node.prototype.appendAt = function( start, v ){\r
-       var children, l, elm, i, prev, next;\r
+       var xnodes, l, i;\r
        \r
        if( this._xnodeType !== 1 ) return this;\r
        \r
-       if( !( children = this._xnodes ) ) children = this._xnodes = [];\r
-       \r
        l = arguments.length;\r
-       if( children.length <= start ){\r
+       if( !( xnodes = this._xnodes ) ) xnodes = this._xnodes = [];\r
+       \r
+       if( xnodes.length <= start ){\r
                if( l === 2 ) return this.append( v );\r
-               v = [];\r
-               for( ; 1 < l; ){\r
-                       v[ l - 2 ] = arguments[ --l ];\r
+               for( i = 1; i < l; ++i ){\r
+                       this.append( arguments[ i ] );\r
                };\r
-               return this.append.apply( this, v );\r
+               return this;\r
        };\r
        if( start < 0 ) start = 0;\r
        if( 2 < l ){\r
-               if( document.createDocumentFragment && ( elm = this._rawNode ) ){\r
-                       var frg = document.createDocumentFragment();\r
-                       for( i = 0; i < l; ++i ){\r
-                               v = arguments[ i ];\r
-                               v = v.constructor === Node ? v : new Node( v );\r
-                               frg.appendChild( v._create() );\r
-                               children.splice( start + i, 0, v );\r
-                               v._afterCreate( this );\r
-                       };\r
-                       elm.insertBefore( frg, elm.childNodes[ start ] );\r
-                       return this;\r
-               };\r
                for( ; l; ){\r
                        this.appendAt( start, arguments[ --l ] );\r
                };\r
                return this;\r
        };\r
-       \r
-       if( !this.parent ){\r
-               children.splice( start, 0, v );\r
-               return this;\r
-       };\r
-       elm = this._ie4getRawNode ? this._ie4getRawNode() : this._rawNode;\r
+\r
        switch( Node._getType( v ) ){\r
                case Node.IS_RAW_HTML :\r
                case Node.IS_RAW_TEXT :\r
-                       if( elm ){\r
-                               if( document.getElementById ){\r
-                                       elm.insertBefore( v, elm.childNodes[ start ] );\r
-                               } else\r
-                               if( document.all ){\r
-                                       if( start === 0 ){\r
-                                               elm.insertAdjacentHTML( 'AfterBegin', v.outerHTML );\r
-                                               v = elm.children[ 0 ];\r
-                                       } else\r
-                                       if( ( next = children[ start ] ) && typeof next !== 'string' && next._xnodeType !== 3 &&\r
-                                               ( next = ( next._ie4getRawNode ? next._ie4getRawNode() : next ) ) ){\r
-                                               next.insertAdjacentHTML( 'BeforeBegin', v.outerHTML );\r
-                                               v = elm.children[ ( Array.prototype.indexOf.call( elm.children, next ) ) - 1 ];\r
-                                       } else\r
-                                       if( 0 < start && ( prev = children[ start - 1 ] ) && typeof prev !== 'string' && prev._xnodeType !== 3 &&\r
-                                               ( prev = ( prev._ie4getRawNode ? prev._ie4getRawNode() : prev ) ) ){\r
-                                               prev.insertAdjacentHTML( 'AfterEnd', v.outerHTML );\r
-                                               v = elm.children[ ( Array.prototype.indexOf.call( elm.children, prev ) ) + 1 ];\r
-                                       } else {\r
-                                               this._ie4reserveUpdate( v );// テキストノードの間に入れる場合!\r
-                                       };\r
-                               } else {\r
-                                       \r
-                               };\r
-                               children.splice( start, 0, v );\r
-                       } else {\r
-                               children.splice( start, 0, v );\r
-                       };\r
+                       v = new Node( v );\r
                        break;\r
                case Node.IS_HTML_STRING :\r
                case Node.IS_STRING :\r
                        v = X.Dom.parse( v, true );\r
-                       if( elm ){\r
-                               for( i = v.length; i; ){\r
-                                       this.appendAt( start, v[ --i ] );\r
-                               };\r
-                       } else\r
-                       if( v.length ){\r
-                               children.push.apply( children, v );\r
+                       for( i = v.length; i; ){\r
+                               this.appendAt( start, v[ --i ] );\r
                        };\r
-                       break;\r
+                       return this;\r
                case Node.IS_XNODE :\r
-                       if( v === Node.none ) return this;\r
+                       if( v._xnodeType !== 1 && v._xnodeType !== 3 ) return this;\r
                        // 親の xnodes から v を消す\r
-                       v.parent && ( i = v.parent._xnodes.indexOf( v ) ) !== -1 && v.parent._xnodes.splice( i, 1 );\r
-                       if( elm ){\r
-                               if( document.getElementById ){\r
-                                       elm.insertBefore( v._create(), elm.childNodes[ start ] );\r
-                                       v._afterCreate( this );\r
-                               } else\r
-                               if( document.all ){\r
-                                       this._ie4reserveUpdate( v );\r
-                               } else {\r
+                       if( v.parent ){\r
+                               //if( X.Dom.DOM_W3C ){\r
+                               //      v.parent._xnodes.splice( v.parent._xnodes.indexOf( v ), 1 );\r
+                               //} else\r
+                               //if( X.Dom.DOM_IE4 ){\r
+                                       v.remove();\r
+                               //} else {\r
                                        \r
-                               };\r
-                       };\r
-                       children.splice( start, 0, v );\r
+                               //};\r
+                       };// else\r
+                       //if( ( i = Node._reserveRemoval.indexOf( v ) ) !== -1 ){\r
+                       //      if( !this._state ) alert( 'xnode already destroyed!' );\r
+                       //      Node._reserveRemoval.splice( i, 1 );\r
+                       //};\r
+                       break;\r
+               default :\r
+                       return this;\r
        };\r
+\r
+       v.parent = this;\r
+       this._xnodes.splice( start, 0, v );\r
+       this._root && this._reserveUpdate();\r
        return this;\r
 };\r
 \r
 Node.prototype.appendTo = function( parent, opt_index ){\r
-       if( parent.constructor === Node ){\r
-               opt_index === undefined ? parent.append( this ) : parent.appendAt( opt_index, this );\r
-       } else {\r
-               opt_index === undefined ? new Node( parent ).append( this ) : new Node( parent ).appendAt( opt_index, this );\r
+       switch( Node._getType( parent ) ){\r
+               case Node.IS_RAW_HTML :\r
+                       parent = new Node( parent );\r
+                       break;\r
+               case Node.IS_HTML_STRING :\r
+                       parent = X.Dom.parse( parent, true );\r
+                       parent = parent[ 0 ] || parent;\r
+               case Node.IS_XNODE :\r
+                       break;\r
+               default :\r
+                       return this;\r
        };\r
+       opt_index === undefined ? parent.append( this ) : parent.appendAt( opt_index, this );\r
        return this;\r
 };\r
 \r
 Node.prototype.appendToRoot = function( opt_index ){\r
-       opt_index === undefined ? Node.root.append( this ) : Node.root.appendAt( opt_index, this );\r
+       opt_index === undefined ? Node._body.append( this ) : Node._body.appendAt( opt_index, this );\r
        return this;\r
 };\r
 \r
@@ -642,34 +477,44 @@ Node.prototype.appendToRoot = function( opt_index ){
  *  Before , After, Replace\r
  */\r
 Node.prototype.before = function( v ){\r
-       var parent, l;\r
-       if( this._xnodeType !== 1 || !( parent = this.parent ) ) return this;\r
+       var parent, l, start;\r
+       if( !( parent = this.parent ) ) return this;\r
+       \r
        l = arguments.length;\r
+       start = this.getOrder();\r
        if( 1 < l ){\r
-               v = [ this.getOrder() ];\r
                for( ; l; ){\r
-                       v[ l ] = arguments[ --l ];\r
+                       parent.appendAt( start, arguments[ --l ] );\r
                };\r
-               parent.appendAt.apply( parent, v );\r
                return this;\r
        };\r
-       parent.appendAt( this.getOrder(), v );\r
+       parent.appendAt( start, v );\r
        return this;\r
 };\r
 \r
 Node.prototype.after = function( v ){\r
-       var parent, l;\r
-       if( this._xnodeType !== 1 || !( parent = this.parent ) ) return this;\r
+       var parent, l, i, start;\r
+       if( !( parent = this.parent ) ) return this;\r
+       \r
        l = arguments.length;\r
+       start = this.getOrder() + 1;\r
+       if( parent._xnodes.length <= start ){\r
+               if( 1 < l ){\r
+                       for( i = 0; i < l; ++i ){\r
+                               parent.append( arguments[ i ] );\r
+                       };\r
+                       return this;\r
+               };\r
+               parent.append( v );\r
+               return this;\r
+       };\r
        if( 1 < l ){\r
-               v = [ this.getOrder() + 1 ];\r
                for( ; l; ){\r
-                       v[ l ] = arguments[ --l ];\r
+                       parent.appendAt( start, arguments[ --l ] );\r
                };\r
-               parent.appendAt.apply( parent, v );\r
                return this;\r
        };\r
-       parent.appendAt( this.getOrder() + 1, v );\r
+       parent.appendAt( start, v );\r
        return this;\r
 };\r
 \r
@@ -682,234 +527,80 @@ Node.prototype.replace = function( v ){
  *  Remove\r
  */\r
 Node.prototype.remove = function(){\r
-       var parent = this.parent, elm;\r
-               \r
+       var parent = this.parent;\r
+       \r
        if( !parent ) return this;\r
-       if( document.getElementById ){\r
-               if( this._rawNode ){\r
-                       this._xnodeType === 1 && this._beforeRemove();\r
-                       parent._rawNode.removeChild( this._rawNode );\r
-               };\r
-       } else\r
-       if( document.all ){\r
-               delete this._ie4dirty;\r
-               delete this._ie4dirtyChildren;\r
-               if( this._xnodeType === 1 ){\r
-                       this._beforeRemove();\r
-                       if( elm = this._ie4getRawNode() ){\r
-                               elm.outerHTML = '';\r
-                       };\r
-               } else {\r
-                       parent._beforeRemove(); //??\r
-                       parent._ie4reserveUpdate();\r
-               };\r
-       } else {\r
-               \r
-       };\r
 \r
        parent._xnodes.splice( parent._xnodes.indexOf( this ), 1 );\r
+       if( this._root ){\r
+               Node._reserveRemoval[ Node._reserveRemoval.length ] = this;\r
+               this._reserveUpdate();\r
+       };\r
        delete this.parent;\r
+       delete this._root;\r
        return this;\r
 };\r
 \r
-Node.prototype._beforeRemove = \r
-       document.getElementById ?\r
-               ( function(){\r
-                       var elm = this._rawNode, children,\r
-                               child, i, l;\r
-                       if( !elm ) return;\r
-                       this._migrateEvent();// イベントの退避\r
-                       if( children = this._xnodes ){\r
-                               for( i = 0, l = children.length; i < l; ++i ){\r
-                                       child = children[ i ];\r
-                                       child._xnodeType === 1 && child._beforeRemove();\r
-                               };\r
-                       };\r
-               }) :\r
-       document.all ? \r
-               ( function(){\r
-                       var elm = this._ie4getRawNode(),\r
-                               children, i, l;\r
-                       if( children = this._xnodes ){\r
-                               for( i = 0, l = children.length; i < l; ++i ){\r
-                                       children[ i ]._beforeRemove();\r
-                               };      \r
-                       };\r
-                       if( !elm ) return;\r
-                       this._migrateEvent();// イベントの退避\r
-                       this._htmlText = elm.outerHTML;\r
-                       elm.removeAttribute( 'id' );\r
-               }) :\r
-               (function(){});\r
-\r
-Node.prototype.empty =\r
-       document.getElementById ?\r
-               ( function(){\r
-                       var elm = this._rawNode, children,\r
-                               child, i, l;\r
-                       if( children = this._xnodes ){\r
-                               for( i = 0, l = children.length; i < l; ++i ){\r
-                                       children[ i ].destroy();\r
-                               };\r
-                               children.length = 0;\r
-                       };\r
-                       if( elm ) elm.innerHTML = '';\r
-                       return this;\r
-               }) :\r
-       document.all ? \r
-               ( function(){\r
-                       var elm = this._ie4getRawNode(),\r
-                               children, i, l;\r
-                       if( children = this._xnodes ){\r
-                               for( i = 0, l = children.length; i < l; ++i ){\r
-                                       children[ i ].destroy();\r
-                               };\r
-                               children.length = 0;\r
-                       };\r
-                       if( elm ) elm.innerHTML = '';\r
-                       return this;\r
-               }) :\r
-               (function(){});\r
-\r
-/* --------------------------------------\r
- *  destory\r
- */\r
-Node.prototype.destroy = function(){\r
-       var elm = this._ie4getRawNode ? this._ie4getRawNode() : this._rawNode,\r
-               children = this._xnodes, i, l;\r
-       \r
-       if( children ){\r
-               for( i = 0, l = children.length; i < l; ++i ){\r
-                       children[ i ].destroy();\r
+Node.prototype.empty = function(){\r
+       var xnodes = this._xnodes, i;\r
+       if( xnodes && ( i = xnodes.length ) ){\r
+               for( ; i; ){\r
+                       xnodes[ --i ].destroy();\r
                };\r
-               children.length = 0;\r
+               xnodes.length = 0;\r
        };\r
-       this._xnodeType === 1 && this.unlisten(); // イベントの退避\r
-       if( elm ){\r
-               this._xnodeType === 1 && ( elm.innerHTML = '' );\r
-               // stop()\r
-               // remove() empty()\r
-               \r
-               document.getElementById && this.parent._rawNode.removeChild( elm );\r
-       };\r
-       delete Node._chashe[ this._uid ];\r
-       this.kill();\r
+       return this;\r
 };\r
 \r
 /* --------------------------------------\r
- *  for ie4\r
+ *  destory\r
  */\r
-if( !document.getElementById && document.all ){\r
-\r
-       Node.prototype._ie4getRawNode = function(){\r
-               var elm, uid;\r
-               if( elm = this._rawNode ) return elm;\r
-               if( this._id && ( elm = this._rawNode = document.all[ this._id ] ) ){\r
-                       return elm;\r
-               };\r
-               if( elm = this._rawNode = document.all[ 'ie4uid' + this._uid ] ){\r
-                       if( this._id ) elm.setAttribute( 'id', this._id );\r
-                       return elm;\r
-               };\r
-       };\r
-       \r
-       Node.prototype._ie4reserveUpdate = function( child ){\r
-               var root = Node.root;\r
-               child && ( child._ie4dirty = true );\r
-               this._ie4dirtyChildren = true;\r
-               if( root._ie4reserved === true ) return;\r
-               root._ie4reserved = true;\r
-               X.Timer.once( 1, root, root._ie4startUpdate );\r
-       };\r
+Node.prototype.destroy = function( isChild ){\r
+       var xnodes = this._xnodes, i, elm;\r
        \r
-       Node.prototype._ie4startUpdate = function(){\r
-               if( this._ie4reserved !== true ) return;\r
-               delete this._ie4reserved;\r
-               if( !this._xnodes ) return;\r
-               this._ie4commitUpdate()._ie4afterUpdate();\r
-       };\r
+       if( !this._state ) return;\r
        \r
-       Node.prototype._ie4commitUpdate = function(){\r
-               var children = this._xnodes,\r
-                       i, l, html;\r
-               if( !this._ie4dirtyChildren ){\r
-                       if( children && ( l = children.length ) ){\r
-                               for( i = 0; i < l; ++i ){\r
-                                       children[ i ]._ie4commitUpdate();\r
-                               };                              \r
-                       };\r
-                       return this;\r
-               };\r
-               html = [];\r
-               if( children && ( l = children.length ) ){\r
-                       for( i = 0; i < l; ++i ){\r
-                               html[ html.length ] = children[ i ]._create( true );\r
-                       };      \r
-               };\r
-               this._rawNode.innerHTML = html.join( '' );\r
-               return this;\r
-       };\r
+       elm = this._rawNode || this._ie4getRawNode && this._ie4getRawNode();\r
        \r
-       Node.prototype._ie4afterUpdate = function(){\r
-               var children = this._xnodes,\r
-                       i, l;\r
-               if( !this._ie4dirtyChildren ){\r
-                       if( children && ( l = children.length ) ){\r
-                               for( i = 0; i < l; ++i ){\r
-                                       children[ i ]._ie4afterUpdate();\r
-                               };                              \r
-                       };\r
-                       return this;\r
-               };\r
-               if( children && ( l = children.length ) ){\r
-                       for( i = 0; i < l; ++i ){\r
-                               children[ i ]._afterCreate( this );\r
-                       };      \r
-               };\r
-               delete this._ie4dirtyChildren;\r
+       if( xnodes && ( i = xnodes.length ) ){\r
+               //for( ; i; ){\r
+               //      xnodes[ --i ].destroy( true );\r
+               //};\r
        };\r
+       elm && this._listeners && this.unlisten(); // イベントの退避\r
+\r
+       delete Node._chashe[ this._uid ];\r
+       delete this._state;\r
        \r
-       Node.prototype._ie4containsDirty = function(){\r
-               var children, i;\r
-               if( this._xnodeType !== 1 ) return;\r
-               if( this._ie4dirtyChildren || this._ie4dirty ) return true;\r
-               if( !( children = this._xnodes ) || !( i = children.length ) ) return;\r
-               for( ; i; ){\r
-                       if( children[ --i ]._ie4containsDirty() ) return true;\r
-               };\r
+       if( this._root ){\r
+               !isChild && this.remove();\r
+       } else {\r
+               this.parent && this.parent._xnodes.splice( this.parent._xnodes.indexOf( this ), 1 );\r
+               elm && !isChild && this._actualRemove();\r
+               this.kill();\r
        };\r
 };\r
 \r
+\r
+\r
 /* --------------------------------------\r
  *  contains\r
  */\r
 Node.prototype.contains = function( v ){\r
-       var node, children, i;\r
-       if( !v || !this.parent || this._xnodeType !== -1 ) return false;\r
+       var elm, type, xnodes, i;\r
+       if( !v || this._xnodeType !== 1 ) return false;\r
        // contains ie4+\r
-       if( document.contains ){\r
-               node = this._ie4getRawNode ? this._ie4getRawNode() : this._rawNode;\r
-               switch( Node._getType( v ) ){\r
-                       case Node.IS_RAW_HTML :\r
-                       case Node.IS_RAW_TEXT :\r
-                               return node.contains( v );\r
-                       case Node.IS_XNODE :\r
-                               if( v.parent === this ) return true;\r
-                               v = v._ie4getRawNode ? v._ie4getRawNode() : v._rawNode;\r
-                               if( node && v ) return node.contains( v );\r
-                               break;\r
-                       default :\r
-                               return false;\r
-               };              \r
+       if( ( elm = this._rawNode || this._ie4getRawNode && this._ie4getRawNode() ) && document.contains && ( type = Node._getType( v ) ) && ( type === Node.IS_RAW_HTML || type === Node.IS_RAW_TEXT ) ){\r
+               return elm.contains( v );       \r
        };\r
        //if( document.compareDocumentPosition ){\r
        //      \r
        //};\r
-       children = this._xnodes;\r
-       if( children.indexOf( v ) !== -1 ) return true;\r
-       if( ( node = this._rawNode ) && node === v.parentNode ) return false;\r
-       for( i = children.length; i; ){\r
-               if( children[ --i ].contains( v ) ) return true;\r
+       xnodes = this._xnodes;\r
+       if( xnodes.indexOf( v ) !== -1 ) return true;\r
+       if( elm === v.parentNode ) return false;\r
+       for( i = xnodes.length; i; ){\r
+               if( xnodes[ --i ].contains( v ) ) return true;\r
        };\r
        return false;\r
 };\r
@@ -917,16 +608,9 @@ Node.prototype.contains = function( v ){
 /* --------------------------------------\r
  *  getChild\r
  */\r
-Node.prototype.getChildAt = function( index ){\r
-       var children = this._xnodes,\r
-               elm, childNodes, child, xnode;\r
-       if( this._xnodeType !== 1 || index < 0 ) return;\r
-       if( children.length <= index ) return;\r
-       child = children[ index ];\r
-       if( child.constructor === Node ) return child;\r
-       xnode = new Node( child );\r
-       xnode.parent = this;\r
-       return children[ index ] = xnode;\r
+Node.prototype.getChildAt = function( i ){\r
+       var xnodes = this._xnodeType === 1 && this._xnodes;\r
+       return xnodes && 0 <= i && i < xnodes.length && xnodes[ i ];\r
 };\r
 \r
 \r
@@ -935,18 +619,18 @@ Node.prototype.getChildAt = function( index ){
  */\r
 \r
 Node.prototype.prevNode = function(){\r
-       var parent = this.parent, children, index;\r
+       var parent = this.parent, xnodes, index;\r
        if( !parent ) return;\r
-       children = parent._xnodes;\r
-       index = children.indexOf( this );\r
-       if( 0 < index ) return children[ index - 1 ];\r
+       xnodes = parent._xnodes;\r
+       index = xnodes.indexOf( this );\r
+       if( 0 < index ) return xnodes[ index - 1 ];\r
 };\r
 Node.prototype.nextNode = function(){\r
-       var parent = this.parent, children, index;\r
+       var parent = this.parent, xnodes, index;\r
        if( !parent ) return;\r
-       children = parent._xnodes;\r
-       index    = children.indexOf( this );\r
-       if( index !== -1 && index + 1 < children.length ) return children[ index + 1 ];\r
+       xnodes = parent._xnodes;\r
+       index  = xnodes.indexOf( this );\r
+       if( index + 1 < xnodes.length ) return xnodes[ index + 1 ];\r
 };\r
 Node.prototype.firstChild = function(){\r
        return this.getChildAt( 0 );\r
@@ -968,40 +652,77 @@ Node.prototype.getOrder = function(){
  *  className, addClass, removeClass, hasClass\r
  */\r
 Node.prototype.className = function( v ){\r
-       var node;\r
+       var node, _, __;\r
        // getter\r
-       if(  typeof v !== 'string' ) return this._className;\r
+       if( v === undefined ) return this._className;\r
+       \r
        // setter\r
        if( this._className === v ) return this;\r
-       if( !v ) delete this._className;\r
-       node = this._ie4getRawNode ? this._ie4getRawNode() : this._rawNode;\r
-       if( node ) node.className = v;\r
-       this._className = v;\r
-       this._classText = ' class="' + v + '" ';\r
+       if( !v || typeof v !== 'string' ){\r
+               delete this._className;\r
+       } else {\r
+               // cleanup\r
+               _  = ' ';\r
+               __ = '  ';\r
+               while( v.indexOf( __ ) !== -1 ){ v = v.split( __ ).join( _ ); };\r
+               v.charAt( 0 ) === _ && ( v = v.substr( 1 ) );\r
+               v.lastIndexOf( _ ) === 0 && ( v = v.substr( 0, v.length - 1 ) );\r
+               \r
+               if( this._className === v ) return this;\r
+               v ? ( this._className = v ) : delete this._className;\r
+       };\r
+       this._dirty |= X.Dom.Dirty.CLASSNAME;\r
+       this._root && this._reserveUpdate();\r
        return this;\r
 };\r
-Node.prototype.addClass = function(){\r
-       \r
+Node.prototype.addClass = function( v ){\r
+       var names = v.split( ' ' ),\r
+               i     = names.length,\r
+               name;\r
+       v = '';\r
+       for( ; i; ){\r
+               name = names[ --i ];\r
+               if( !name ) continue;\r
+               !this.hasClass( name ) && ( v += ( v ? ' ' : '' ) + name );\r
+       };\r
+       return v ? this.className( this._className + ( this._className ? ' ' : '' ) + v ) : this;\r
 };\r
-Node.prototype.removeClass = function(){\r
-       \r
+Node.prototype.removeClass = function( v ){\r
+       var _          = ' ',\r
+               className  = this._className,\r
+               names      = v.split( ' ' ),\r
+               classNames, i, f, j;\r
+       if( !className ) return this;\r
+       for( classNames = className.split( _ ), i = classNames.length; i; ){\r
+               className = classNames[ --i ];\r
+               for( j = names.length; j; ){\r
+                       if( className === names[ --j ] ){\r
+                               classNames.splice( i, 1 );\r
+                               names.splice( j, 1 );\r
+                               f = true;\r
+                               break;\r
+                       };\r
+               };\r
+       };\r
+       return f ? this.className( classNames.join( ' ' ) ) : this;\r
 };\r
-Node.prototype.toggleClass = function(){\r
-       \r
+Node.prototype.toggleClass = function( v ){\r
+\r
 };\r
-Node.prototype.hasClass = function( className ){\r
+Node.prototype.hasClass = function( v ){\r
        var _ = ' ',\r
-               _className = this._className, i, name;\r
-       if( _className === className ) return true;\r
-       if( !_className ) return false;\r
+               className = this._className,\r
+               i, name;\r
+       if( className === v ) return true;\r
+       if( !className ) return false;\r
        \r
-       _className = _ + _className + _;\r
-       if( _className.indexOf( _ + className + _ ) !== -1 ) return true; // lucky hit\r
+       className = _ + className + _;\r
+       if( className.indexOf( _ + v + _ ) !== -1 ) return true; // lucky hit\r
        \r
-       for( className = className.split( _ ), i = className.length; i; ){\r
-               name = className[ --i ];\r
+       for( v = v.split( _ ), i = v.length; i; ){\r
+               name = v[ --i ];\r
                if( name === '' ) continue;\r
-               if( _className.indexOf( _ + name + _ ) === -1 ) return false;\r
+               if( className.indexOf( _ + name + _ ) === -1 ) return false;\r
        };\r
        return true;\r
 };\r
@@ -1009,37 +730,561 @@ Node.prototype.hasClass = function( className ){
 /* --------------------------------------\r
  *  html, text\r
  */\r
+\r
+Node._outerFlag = null;\r
+\r
 Node.prototype.html = function( html ){\r
-       if( html ){\r
-               if( this._xnodeType === 3 ){\r
-                       this._text = html;\r
-                       if( this._rawNode ) this._rawNode.data = html;\r
-                       return this;\r
+       var _ = '', q = '"', xnodes, n, i, l;\r
+       // setter\r
+       if( X.Type.isString( html ) ){\r
+               if( this._xnodeType === 3 ) return this.text( html );\r
+               return html ? this.empty().append.apply( this, X.Dom.parse( html, true ) ) : this.empty();\r
+       };\r
+       \r
+       // getter\r
+       if( this._xnodeType === 3 ){\r
+               return this._text;\r
+       };\r
+       \r
+       if( this._dirty & X.Dom.Dirty.CSS && !( this._cssText = X.Dom.Style.objToCssText( this._css ) ) ){\r
+               delete this._cssText;\r
+       };\r
+       html = !Node._outerFlag ? [] : [\r
+               '<', this._tag,\r
+               this._id ? ' id="' + this._id + q : _,\r
+               this._className ? ' class="' + this._className + q : _,\r
+               this._attrText === false ? ( this._attrText = X.Dom.Attr.objToAttrText( this._attrs ) ) : this._attrText,\r
+               this._cssText ? ' style="' + this._cssText + q : _,\r
+       '>' ];\r
+       \r
+       n = html.length;\r
+       if( ( xnodes = this._xnodes ) && ( l = xnodes.length ) ){\r
+               if( !Node._outerFlag ) Node._outerFlag = this;\r
+               for( i = 0; i < l; ++i ){\r
+                       html[ n ] = xnodes[ i ].html();\r
+                       ++n;\r
                };\r
-               return this.empty().append.call( this, X.Dom.parse( html, true ) );\r
+               if( Node._outerFlag === this )  Node._outerFlag = null;\r
        };\r
-       // if dirty\r
-       return this._rawNode ? this._rawNode.innerHTML : '';\r
+       !Node._outerFlag || X.Dom.DTD.EMPTY[ this._tag ] || ( html[ n ] = '<\/' + this._tag + '>' );\r
+       return html.join( _ );\r
 };\r
 \r
 Node.prototype.text = function( text ){\r
+       var xnodes, texts, i, l;\r
        // setter\r
-       if( text ){\r
+       if( X.Type.isString( text ) ){\r
                if( this._xnodeType === 3 ){\r
-                       this._text = text;\r
-                       if( this._rawNode ) this._rawNode.data = text;\r
+                       if( this._text !== text ){\r
+                               text ? ( this._text = text ) : delete this.text;\r
+                               this._root && this._reserveUpdate();\r
+                               this._dirty |= X.Dom.Dirty.CONTENT;\r
+                       };\r
                        return this;\r
                };\r
+               if( !text ) return this.empty();\r
                this.empty().createText( text );\r
-               return this;    \r
+               return this;\r
        };\r
        // getter\r
        if( this._xnodeType === 1 ){\r
-               //\r
+               if( ( xnodes = this._xnodes ) && ( l = xnodes.length ) ){\r
+                       for( texts = [], i = 0; i < l; ++i ){\r
+                               texts[ i ] = xnodes[ i ].text();\r
+                       };\r
+                       return texts.join( '' );\r
+               };\r
+               return '';\r
        };\r
        return this._text;\r
 };\r
 \r
-//})( window, document );\r
+Node.prototype.each = function( func ){\r
+       func.call( this, 0 );\r
+       return this;\r
+};\r
+\r
+\r
+/* --------------------------------------\r
+ *  Async commit update\r
+ * \r
+ * state:\r
+ *  0 : no_rawnode\r
+ *  1 : not_added\r
+ *  3 : dirty\r
+ *  4 : clean\r
+ * \r
+ * remove :\r
+ * root._reserveRemoval = [] に追加。commitUpdate で remove して state は not_added\r
+ * add :\r
+ * root._reserveRemoval にいたら消す, new_parent._xnodes に挿入 steta は not_added にして commitUpdate を待つ\r
+ */\r
+       \r
+Node.prototype._reserveUpdate = function(){\r
+       var root = Node._body;\r
+       if( root && !root._updateTimerID ) root._updateTimerID = X.Timer.requestFrame( root, root._startUpdate );\r
+};\r
+\r
+Node.prototype._startUpdate = function(){\r
+       var removal, i, xnode, tmp;\r
+       if( X.Dom.readyState < X.Dom.Event.DOM_INIT ){\r
+               return;\r
+       };\r
+       if( this._updateTimerID ){\r
+               //X.Timer.cancelFrame( this._updateTimerID ); // fire 中の cancel が動かない、、、\r
+               this._updateTimerID = 0;\r
+       } else {\r
+               return;\r
+       };\r
+       // このイベントでサイズを取ると無限ループに\r
+       // X.Dom._listeners && X.Dom._listeners[ X.Dom.Event.BEFORE_UPDATE ] && X.Dom.dispatch( { type : X.Dom.Event.BEFORE_UPDATE } );\r
+\r
+       removal = Node._reserveRemoval;\r
+       \r
+       tmp = this._rawNode.style.visibility;\r
+       //this._rawNode.style.visibility = 'hidden';\r
+\r
+       //console.log( '_actualRemove().' );\r
+\r
+       if( i = removal.length ){\r
+               for( ; i; ){\r
+                       xnode = removal[ --i ];\r
+                       xnode._actualRemove();\r
+                       !this._state && xnode.kill();\r
+               };\r
+               removal.length = 0;\r
+       };\r
+\r
+       console.log( 'start _startUpdate().' );\r
+\r
+       Node._html._dirty ? Node._html._commitUpdate() : this._commitUpdate();\r
+       \r
+       //console.log( 'end of _startUpdate().' );\r
+       \r
+       X.Dom._listeners && X.Dom._listeners[ X.Dom.Event.AFTER_UPDATE ] && X.Dom.asyncDispatch( 0, { type : X.Dom.Event.AFTER_UPDATE } );\r
+       //this._rawNode.style.visibility = tmp;\r
+};\r
+\r
+Node.prototype._commitUpdate =\r
+       X.Dom.DOM_W3C ?\r
+               ( function( parentElement, nextElement ){\r
+                       var elm = this._rawNode,\r
+                               xnodes, l, i, frg, next, k, v;\r
+\r
+                       if( this._state & X.Dom.State.IE5_DISPLAY_NONE_FIX ){\r
+                               //alert( this._tag + ' ' + !!elm );\r
+                               elm && elm.parentNode && this._actualRemove();\r
+                               return nextElement;\r
+                       };\r
+\r
+                       if( !elm || ( parentElement && elm.parentNode !== parentElement ) || ( nextElement && elm.nextSibling !== nextElement ) ){\r
+                               nextElement ?\r
+                                       parentElement.insertBefore( this._actualCreate(), nextElement ) :\r
+                                       parentElement.appendChild( this._actualCreate() );\r
+                               this._afterActualCreate();\r
+\r
+                               return elm || this._rawNode;\r
+                       } else\r
+                       if( ( xnodes = this._xnodes ) && ( l = xnodes.length ) ) {\r
+                               \r
+                               /*if( elm.childNodes.length !== l && ( frg = X.Dom._useDocumentFragment ) ){\r
+                                       for( i = 0; i < l; ++i ){\r
+                                               frg.appendChild( xnodes[ i ]._actualCreate( true ) );\r
+                                       };\r
+                                       elm.appendChild( frg );\r
+                                       for( i = 0; i < l; ++i ){\r
+                                               xnodes[ i ]._afterActualCreate( true );\r
+                                       };\r
+                               } else {*/\r
+                                       for( ; l; ){\r
+                                               next = xnodes[ --l ]._commitUpdate( elm, next );\r
+                                       };\r
+                               //};\r
+                       };\r
+\r
+                       delete this._fontSize;\r
+                       this._dirty && this._updateRawNode( elm );\r
+                       if( this._state & X.Dom.State.IE5_DISPLAY_NONE_FIX ){\r
+                               return nextElement;\r
+                       };\r
+                       return elm;\r
+               }) :\r
+       X.Dom.DOM_IE4 ? \r
+               ( function( parentElement, prevElement ){\r
+                       var elm    = this._rawNode || this._ie4getRawNode(),\r
+                               xnodes, l, i, html, text, prev;\r
+\r
+                       if( !elm ){\r
+                               prevElement ?\r
+                                       prevElement.insertAdjacentHTML( 'AfterEnd', this._actualCreate() ) :\r
+                                       parentElement.insertAdjacentHTML( 'AfterBegin', this._actualCreate() );\r
+                               this._afterActualCreate();\r
+                               return this._rawNode || this._ie4getRawNode();\r
+                       };\r
+                       \r
+                       xnodes = this._xnodes;\r
+                       l      = xnodes ? xnodes.length : 0;\r
+                       \r
+                       if( this._dirty & X.Dom.Dirty.IE4_TEXTNODE_FIX || ( this._state & X.Dom.State.IE4_ONLY_TEXT && ( l !== 1 || xnodes[ 0 ]._xnodeType !== 3 ) ) ){ // 1 < l && elm.children.length === 0\r
+                               html = [];\r
+                               for( i = 0; i < l; ++i ){\r
+                                       html[ i ] = xnodes[ i ]._actualCreate();\r
+                               };\r
+                               elm.innerHTML = html.join( '' );\r
+                               for( i = 0; i < l; ++i ){\r
+                                       xnodes[ i ]._afterActualCreate();\r
+                               };\r
+                               this._state &= ~X.Dom.State.IE4_ONLY_TEXT;\r
+                       } else\r
+                       if( this._state & X.Dom.State.IE4_ONLY_TEXT ){ // textNode が swap した場合の検出は、_root で行う\r
+                               text = xnodes[ 0 ];\r
+                               if( text._dirty || !text._root ){\r
+                                       elm.innerHTML = text._text;\r
+                                       delete text._dirty;\r
+                                       text._root = this._root;                                        \r
+                               };\r
+                       } else\r
+                       if( l ){\r
+                               for( i = 0; i < l; ++i ){\r
+                                       prev = xnodes[ i ]._commitUpdate( elm, prev );\r
+                               };\r
+                       };\r
+                       \r
+                       delete this._fontSize;\r
+                       this._dirty && this._updateRawNode( elm );\r
+                       return elm;\r
+               }) :\r
+               (function(){});\r
+\r
+Node.prototype._updateRawNode =\r
+       X.Dom.DOM_W3C ?\r
+               ( function( elm ){\r
+                       var attrs, rename, k, v;\r
+\r
+                       // textNode\r
+                       if( this._dirty & X.Dom.Dirty.CONTENT ){\r
+                               elm.data = X.Dom.chrReferanceTo( this._text );\r
+                               delete this._dirty;\r
+                               return;\r
+                       };\r
+                       // id\r
+                       if( this._dirty & X.Dom.Dirty.ID ){\r
+                               this._id ? ( elm.id = this._id ) : ( elm.id && elm.removeAttribute( 'id' ) );           \r
+                       };\r
+                       // className\r
+                       if( this._dirty & X.Dom.Dirty.CLASSNAME ){\r
+                               this._className ? ( elm.className = this._className ) : ( elm.className && elm.removeAttribute( X.UA.IE ? 'className' : 'class' ) );                                    \r
+\r
+                               // ie5 only\r
+                               if( X.Dom.State.IE5_DISPLAY_NONE_FIX && elm.currentStyle.display === 'none' ){\r
+                                       this._actualRemove();\r
+                                       this._state |= X.Dom.State.IE5_DISPLAY_NONE_FIX;\r
+                                       return;\r
+                               };\r
+                       };\r
+                       // style\r
+                       if( this._dirty & X.Dom.Dirty.CSS ){\r
+                               if( this._cssText !== null || ( this._cssText = X.Dom.Style.objToCssText( this._css ) ) ){\r
+                                       X.UA.Opera78 || X.UA.NN6 ?\r
+                                               elm.setAttribute( 'style', this._cssText ) : // opera8用\r
+                                               ( elm.style.cssText = this._cssText );\r
+                               } else {\r
+                                       elm.style.cssText = ''; // IE5.5以下 Safari3.2 で必要\r
+                                       elm.removeAttribute( 'style' );\r
+                                       delete this._cssText;\r
+                               };\r
+                       };\r
+                       \r
+                       if( this._dirty & X.Dom.Dirty.IE_FILTER ){\r
+                               elm.style.filter = X.Dom.Style.SPECIAL_FIX( this._css );\r
+                       };\r
+                       \r
+                       // attr\r
+                       if( this._dirty & X.Dom.Dirty.ATTR && ( attrs = this._newAttrs || this._attrs ) ){\r
+                               rename = X.Dom.Attr.renameForDOM;\r
+                               for( k in attrs ){\r
+                                       if( !X.UA.MacIE && 5 <= X.UA.IE && X.UA.IE < 6 ){ // IETester 5.5 ではエラーが出なかった.MultipulIE5.5 ではエラーが出たので\r
+                                               if( this._tag === 'TEXTAREA' && k === 'value' ){\r
+                                                       elm.firstChild ?\r
+                                                               ( elm.firstChild.data = attrs[ k ] ) :\r
+                                                               elm.appendChild( document.createTextNode( attrs[ k ] ) );\r
+                                                       continue;\r
+                                               };\r
+                                       };\r
+                                       k = \r
+                                       ( v = attrs[ k ] ) === undefined ?\r
+                                               elm.removeAttribute( rename[ k ] || k ) :\r
+                                               ( elm[ rename[ k ] || k ] = X.Dom.Attr.noValue[ k ] ? k : v );                          \r
+\r
+                               };\r
+                               delete this._newAttrs;\r
+                       };\r
+                       \r
+                       delete this._dirty;\r
+               }) :\r
+       X.Dom.DOM_IE4 ? \r
+               ( function( elm ){\r
+                       var attrs, rename, k, v;\r
+\r
+                       // fake textNode\r
+                       if( this._dirty & X.Dom.Dirty.CONTENT ){\r
+                               elm.innerText = this._text;\r
+                               delete this._dirty;\r
+                               return;\r
+                       };\r
+                       \r
+               /*\r
+                * http://www.tohoho-web.com/js/element.htm\r
+                * title、className、id、lang、language には setAttribute でなく、element.id で直接読み書きできる\r
+                */     \r
+                       // id\r
+                       if( this._dirty & X.Dom.Dirty.CONTENT ) elm.setAttribute( 'id', this._id || ( 'ie4uid' + xnode._uid ) );\r
+\r
+                       // className\r
+                       if( this._dirty & X.Dom.Dirty.CLASSNAME ){\r
+                               this._className ? ( elm.className = this._className ) : elm.removeAttribute( 'class' );\r
+                       };\r
+                       // style\r
+                       if( this._dirty & X.Dom.Dirty.CSS ){\r
+                               if( this._cssText !== null || ( this._cssText = X.Dom.Style.objToCssText( this._css ) ) ){\r
+                                       elm.style.cssText = this._cssText;\r
+                               } else {\r
+                                       elm.style.cssText = '';\r
+                                       elm.removeAttribute( 'style' );\r
+                                       delete this._cssText;\r
+                               };\r
+                       };\r
+                       \r
+                       if( this._dirty & X.Dom.Dirty.IE_FILTER ){\r
+                               this._rawNode.style.filter = X.Dom.Style.SPECIAL_FIX( this._css );\r
+                       };\r
+                       \r
+                       // attr\r
+                       if( this._dirty & X.Dom.Dirty.ATTR && ( attrs = this._newAttrs || this._attrs ) ){\r
+                               rename = X.Dom.Attr.renameForDOM;\r
+                               for( k in attrs ){\r
+                                       ( v = attrs[ k ] ) === undefined ?\r
+                                               elm.removeAttribute( rename[ k ] || k ) :\r
+                                               elm.setAttribute( rename[ k ] || k, v ); // TODO X.Dom.Attr.noValue\r
+                               };\r
+                               delete this._newAttrs;\r
+                       };\r
+                       \r
+                       delete this._dirty;\r
+               }) :\r
+               (function(){});\r
+\r
+/* --------------------------------------\r
+ *  Create\r
+ * \r
+ * http://d.hatena.ne.jp/uupaa/20080718/1216362040\r
+ * DOM Rangeが使える環境(Firefox2+,Opera9+,Safari3+)なら、innerHTMLいらずで、ガーって書けます。\r
+ * return document.createRange().createContextualFragment("<div><select><option></option></select></div>");\r
+ * insertAdjacentHTML\r
+ * \r
+ * ie7 以下では iframe の frameborder や、input name は、createElement 後に setAttribute しても無視される\r
+ * \r
+ * fragument がある場合 children も足して\r
+ * Mozilla: 1.0+, IE: 5.5+, Netscape: 2.0+, Safari: 1.0+, Opera: 7.0+\r
+ * ie6 大丈夫?fragment の場合リークしないか?チェックが必要\r
+ * http://msdn.microsoft.com/ja-jp/library/bb250448%28v=vs.85%29.aspx\r
+ * \r
+ * document.createElement of ie4 is only for OPTION & IMAGE.\r
+ */\r
+Node.prototype._actualCreate =\r
+       X.Dom.DOM_W3C ? (function( isChild ){\r
+               var elm = this._rawNode,\r
+                       xnodes, frg, i, l;\r
+               \r
+               if( this._xnodeType === 3 ){\r
+                       if( elm ) return elm;\r
+                       delete this._dirty;\r
+                       return this._rawNode = document.createTextNode( X.Dom.chrReferanceTo( this._text ) );\r
+               };\r
+               \r
+               if( !elm ){\r
+                       if( this._dirty & X.Dom.Dirty.CSS && !( this._cssText = X.Dom.Style.objToCssText( this._css ) ) ){\r
+                               delete this._cssText;\r
+                       };\r
+                       this._isNew = true;\r
+                       this._rawNode = elm =\r
+                               X.Dom._strictElmCreation ?\r
+                                       document.createElement( [\r
+                                               '<', this._tag,\r
+                                                       ' UID="', this._uid, '"',\r
+                                                       this._id ? ' id="' + this._id + '"' : '',\r
+                                                       this._className ? ' class="' + this._className + '"' : '',\r
+                                                       this._attrText === false ? ( this._attrText = X.Dom.Attr.objToAttrText( this._attrs ) ) : this._attrText,\r
+                                                       this._cssText ? ' style="' + this._cssText + '"' : '',\r
+                                               '>' ].join( '' ) ) :\r
+                                       document.createElement( this._tag );\r
+               };\r
+               if( X.Dom._useDocumentFragment ){\r
+                       if( ( xnodes = this._xnodes ) && ( l = xnodes.length ) ){\r
+                               !isChild && ( frg = X.Dom._useDocumentFragment ).appendChild( elm );\r
+                               for( i = 0; i < l; ++i ){\r
+                                       elm.appendChild( xnodes[ i ]._actualCreate( true ) );\r
+                               };\r
+                               return frg || elm;\r
+                       };\r
+               };\r
+               \r
+               return elm;\r
+       }) :\r
+       X.Dom.DOM_IE4 ? (function( isChild ){\r
+               var uid = this._uid,\r
+                       html, xnodes, n, i, l;\r
+               \r
+               if( this._xnodeType === 3 ){\r
+                       html = [ '<FONT id=ie4uid', uid, ' UID="', uid, '">', this._text, '</FONT>' ];// fake textNode\r
+                       delete this._rawNode;\r
+               } else {\r
+                       if( this._rawNode && !isChild ) this._actualRemove( true );\r
+                       \r
+                       if( this._dirty & X.Dom.Dirty.CSS && !( this._cssText = X.Dom.Style.objToCssText( this._css ) ) ){\r
+                               delete this._cssText;\r
+                       };\r
+                       \r
+                       html = [\r
+                               '<', this._tag, ' id=', ( this._id || ( 'ie4uid' + uid ) ), ' UID="', uid, '"',\r
+                               this._className ? ' class="' + this._className + '"' : '',\r
+                               this._attrText === false ? ( this._attrText = X.Dom.Attr.objToAttrText( this._attrs ) ) : this._attrText,\r
+                               this._cssText ? ' style="' + this._cssText + '"' : '',\r
+                       '>' ];\r
+                       \r
+                       n = html.length;\r
+                       if( ( xnodes = this._xnodes ) && ( l = xnodes.length ) ){\r
+                               if( l === 1 && xnodes[ 0 ]._xnodeType === 3 ){\r
+                                       // only textnode\r
+                                       html[ n ] = xnodes[ 0 ]._text;\r
+                                       ++n;\r
+                                       this._state |= X.Dom.State.IE4_ONLY_TEXT;\r
+                               } else {\r
+                                       for( i = 0; i < l; ++i ){\r
+                                               html[ n ] = xnodes[ i ]._actualCreate( true );\r
+                                               ++n;\r
+                                       };                                      \r
+                               };\r
+                       };\r
+                       X.Dom.DTD.EMPTY[ this._tag ] || ( html[ n ] = '<\/' + this._tag + '>' );\r
+                       \r
+                       delete this._newAttrs;\r
+               };\r
+               \r
+               return html.join( '' );\r
+       }) :\r
+       (function(){});\r
+\r
+Node.prototype._afterActualCreate =\r
+       X.Dom.DOM_W3C ? (function(){\r
+               var elm = this._rawNode, xnodes, l, attrs, k, i;\r
+\r
+               this._root  = this.parent._root;\r
+               \r
+               if( this._xnodeType === 3 ){\r
+                       this._dirty && this._updateRawNode( elm );\r
+                       return this;\r
+               };\r
+                       \r
+               xnodes = this._xnodes;\r
+               l      = xnodes && xnodes.length;\r
+               \r
+               if( this._isNew ){\r
+                       if( !X.Dom._useDocumentFragment && l ){// docFrg が使えない場合、doc 追加後に子を追加\r
+                               for( i = 0; i < l; ++i ){\r
+                                       elm.appendChild( xnodes[ i ]._actualCreate( true ) );\r
+                               };\r
+                       };\r
+                       if( !X.Dom._strictElmCreation ){\r
+                               elm.UID = this._uid;\r
+                               this._newAttrs = this._attrs;\r
+                               this._dirty = X.Dom.Dirty.ID | X.Dom.Dirty.CLASSNAME | X.Dom.Dirty.CSS | X.Dom.Dirty.ATTR | X.Dom.Dirty.IE_FILTER;\r
+                               this._updateRawNode( elm );\r
+                       } else\r
+                       if( this._dirty & X.Dom.Dirty.IE_FILTER ){\r
+                               elm.style.filter = X.Dom.Style.SPECIAL_FIX( this._css );\r
+                               delete this._dirty;\r
+                       };\r
+                       \r
+                       delete this._isNew;\r
+               } else {\r
+                       this._dirty && this._updateRawNode( elm );\r
+               };\r
+               \r
+               if( l ){\r
+                       for( i = 0; i < l; ++i ){\r
+                               xnodes[ i ]._afterActualCreate();\r
+                       };\r
+               };\r
+               // src の onload があるので先ではないか?\r
+               // ie の str から要素を作る場合、srcだけ イベント設定後ではないか?\r
+               this._restoreEvent();// イベントの復帰\r
+       }) :\r
+       X.Dom.DOM_IE4 ? (function(){\r
+               var xnodes, i;\r
+               this._root = this.parent._root;\r
+               \r
+               if( this._xnodeType !== 1 ) return this;\r
+               \r
+               if( ( xnodes = this._xnodes ) && ( i = xnodes.length ) ){\r
+                       for( ; i; ){\r
+                               xnodes[ --i ]._afterActualCreate();\r
+                       };\r
+               };\r
+               // textarea への value の適用はここで\r
+               if( this._dirty & X.Dom.Dirty.IE_FILTER ){\r
+                       this._ie4getRawNode().style.filter = X.Dom.Style.SPECIAL_FIX( this._css );\r
+               };\r
+               delete this._dirty;\r
+               this._restoreEvent();// イベントの復帰\r
+       }) :\r
+       (function(){});\r
+\r
+Node.prototype._actualRemove =\r
+       X.Dom.DOM_W3C ?\r
+               ( function( isChild ){\r
+                       var xnodes = this._xnodes,\r
+                               elm    = this._rawNode,\r
+                               child, i, l;\r
+                       if( xnodes && ( l = xnodes.length ) ){\r
+                               for( i = 0; i < l; ++i ){\r
+                                       child = xnodes[ i ];\r
+                                       child._xnodeType === 1 && child._actualRemove( true );\r
+                               };\r
+                       };\r
+\r
+                       if( !elm ) return;\r
+                       this._xnodeType === 1 && this._migrateEvent();// イベントの退避\r
+                       // elm.parentNode.tagName for ie7\r
+                       if( !X.UA.MacIE ){\r
+                               !isChild && elm.parentNode && elm.parentNode.tagName && elm.parentNode.removeChild( elm );\r
+                       } else {\r
+                               !isChild && elm.parentNode && elm.parentNode.tagName && X.Dom._fixed_remove( elm, this );\r
+                       };\r
+               }) :\r
+       X.Dom.DOM_IE4 ?\r
+               ( function( isChild ){\r
+                       var xnodes = this._xnodes,\r
+                               elm    = this._rawNode || this._ie4getRawNode(),\r
+                               i, l, xnode;\r
+                       if( xnodes && ( l = xnodes.length ) ){\r
+                               for( i = 0; i < l; ++i ){\r
+                                       xnodes[ i ]._actualRemove( true );\r
+                               };\r
+                       };\r
+\r
+                       if( !elm ) return;\r
+                       this._xnodeType === 1 && this._migrateEvent();// イベントの退避\r
+                       \r
+                       if( X.Dom.Attr.HAS_VALUE[ this._tag ] && ( !this._newAttrs || !X.inObject( 'value', this._newAttrs ) ) ){\r
+                               this._attrs.value = elm.value;\r
+                       };\r
+                       elm.removeAttribute( 'id' ); // ?\r
+                       document.all[ this._id || ( 'ie4uid' + this._uid ) ] = null; // MacIE5 でエラー\r
+                       if( !isChild ) elm.outerHTML = '';\r
+                       delete this._rawNode;\r
+               }) :\r
+               (function(){});\r
 \r
+console.log( 'X.Dom.Node' );\r
 \r