0.6.x/js/02_dom/02_XDomNode.js

   1 X.Dom.Dirty = {\r
   2         CLEAN            :  0,\r
   3         CHILD_IS_DIRTY   :  1,\r
   4         ID               :  2, // width, height, x, y\r
   5         CONTENT          :  4, // width, height, x, y textNode の内容\r
   6         CLASSNAME        :  8, // _getCharSize, width, height, x, y\r
   7         ATTR             : 16, // _getCharSize, width, height, x, y\r
   8         CSS              : 32, // _getCharSize, width, height, x, y\r
   9         IE_FILTER        : X.UA.IE < 9 && !X.UA.MacIE ? 64 : 0,\r
  10         UNKNOWN_TAG_FIX  : 128,\r
  11         IE4_TEXTNODE_FIX : 256\r
  12 };\r
  13 \r
  14 X.Dom.State = {\r
  15         DESTROYED          : 0,\r
  16         EXIST              : 1,\r
  17         BELONG_TREE        : 2,\r
  18         DISPLAY_NONE       : 4,\r
  19         DISPLAY_BLOCK      : 8,\r
  20         DISPLAY_INLINE     : 16,\r
  21         POSITION_ABSOLUTE  : 32,\r
  22         OVERFLOW_HIDDEN    : 64,\r
  23         HAS_WIDTH_LENGTH   : 128,\r
  24         HAS_WIDTH_PERCENT  : 256,\r
  25         HAS_HEIGHT_LENGTH  : 512,\r
  26         HAS_HEIGHT_PERCENT : 1024,\r
  27         IE4_ONLY_TEXT      : 2048,\r
  28         IE5_DISPLAY_NONE_FIX : !X.UA.MacIE && 5 <= X.UA.IE && X.UA.IE < 5.5 ? 4096 : 0 // filterがかかっていると不可? MacIE5.2- は ？\r
  29 };\r
  30 \r
  31 X.Dom._strictElmCreation = !X.UA.MacIE && X.UA.IE5678;// && !X.UA.MacIE;\r
  32 \r
  33 X.Dom._useDocumentFragment = document.createDocumentFragment && ( !X.UA.IE || 5.5 <= X.UA.IE ) && document.createDocumentFragment();\r
  34 \r
  35 /*\r
  36  * Node( rawElement | rawTextnode | htmlString | textString )\r
  37  */\r
  38 \r
  39 X.Dom.Node = X.EventDispatcher.inherits(\r
  40         'XDomNode',\r
  41         X.Class.POOL_OBJECT,\r
  42         {\r
  43                 _uid       : 0,\r
  44                 _state     : 0,\r
  45                 _dirty     : 0,\r
  46                 \r
  47                 _isNew     : false,\r
  48                 \r
  49                 _rawObject : null,\r
  50                 _rect      : null, // \r
  51                 \r
  52                 _root      : null, // xnode が文書ツリーに属しているか？はこれを見る\r
  53                 parent     : null, // remove された枝も親子構造は維持している。\r
  54                 _xnodes    : null,\r
  55         \r
  56                 _xnodeType : 0,\r
  57                 _tag       : null,\r
  58                 _text      : null,\r
  59                 _id        : null,\r
  60                 _className : '',\r
  61 \r
  62                 _attrs     : null, // X.Dom.Attr\r
  63                 _newAttrs  : null,\r
  64                 _attrText  : '', // X.Dom.Attr.objToAttrText が必要な場合は false が入っている\r
  65                 \r
  66                 _css       : null, // X.Dom.Style\r
  67                 _cssText   : null,\r
  68                 \r
  69                 _fontSize  : 0,\r
  70                 \r
  71                 _anime     : null,\r
  72                 \r
  73         /*\r
  74          * TODO Node の継承ができない！\r
  75          */\r
  76                 Constructor : function( v ){\r
  77                         var css, xnodes, xnode, parent, uid = Node._chashe.length;\r
  78                         \r
  79                         if( Node._newByTag ){\r
  80                                 Node._newByTag  = false;\r
  81                                 this._tag       = v.toUpperCase();\r
  82                                 this._xnodeType = 1;\r
  83                                 this._state     = X.Dom.State.DISPLAY_INLINE; // todo\r
  84                                 arguments[ 1 ] && this.attr( arguments[ 1 ] );\r
  85                                 css = arguments[ 2 ];\r
  86                                 css && this[ X.Type.isString( css ) ? 'cssText' : 'css' ]( css );\r
  87                         } else\r
  88                         if( Node._newByText ){\r
  89                                 Node._newByText = false;\r
  90                                 this._text      = v;\r
  91                                 this._xnodeType = 3;\r
  92                                 this._state     = X.Dom.State.DISPLAY_INLINE;\r
  93                         } else {\r
  94                                 if( 1 < arguments.length ) return new X.Dom.NodeList( arguments );\r
  95                                 if( X.Type.isArray( v ) && v.length ) return new X.Dom.NodeList( v );\r
  96                                 //if( !this || this.append !== Node.prototype.append ){\r
  97                                 //       return new Node( v );\r
  98                                 //};\r
  99                                 switch( Node._getType( v ) ){\r
 100                                         case Node.IS_XNODE :\r
 101                                         case Node.IS_XNODE_LIST :\r
 102                                                 return v;\r
 103                                         case Node.IS_RAW_HTML :\r
 104                                                 if( xnode = Node._getXNode( v ) ) return xnode;\r
 105                                                 // v.parentNode || v.parentElement : dom1 || dom0\r
 106                                                 this.parent     = ( parent = v.parentNode || v.parentElement ) && parent.tagName /* ie7- */ && Node._getXNode( parent );\r
 107                                                 this._root      = this.parent ? this.parent._root : null;\r
 108                                                 this._rawObject = v;\r
 109                                                 this._xnodeType = 1;\r
 110                                                 this._state     = X.Dom.State.DISPLAY_BLOCK; // todo\r
 111                                                 this._tag       = v.tagName.toUpperCase();\r
 112                                                 this._id        = v.id;\r
 113                                                 this._className = v.className;\r
 114                                                 this.cssText( v.style.cssText );\r
 115                                                 // X.Dom.Dirty.CSS を落とす\r
 116                                                 this._dirty = 0;\r
 117                                                 // attr の回収は不可能、、、\r
 118                                                 if( X.Dom.DOM_IE4 ){\r
 119                                                         v.setAttribute( 'UID', '' + uid );\r
 120                                                 } else {\r
 121                                                         v.UID = uid;\r
 122                                                 };\r
 123                                                 // childNodes...\r
 124                                                 break;\r
 125                                         case Node.IS_RAW_TEXT :\r
 126                                                 if( xnode = Node._getXNode( v ) ) return xnode;\r
 127                                                 this.parent     = Node._getXNode( v.parentNode );\r
 128                                                 this._root      = this.parent ? this.parent._root : null;\r
 129                                                 this._rawObject = v;\r
 130                                                 this._xnodeType = 3;\r
 131                                                 this._state     = X.Dom.State.DISPLAY_INLINE;\r
 132                                                 this._text      = v.data;\r
 133                                                 v.UID = uid;\r
 134                                                 break;\r
 135                                         case Node.IS_HTML_STRING :\r
 136                                         case Node.IS_STRING :\r
 137                                                 if( xnodes = X.Dom.parse( v, true ) && 1 < xnodes.length ) return new X.Dom.NodeList( xnodes );\r
 138                                                 if( xnodes.length ) return xnodes[ 0 ];\r
 139                                                 return Node.none;\r
 140                                         case Node.IS_IMAGE :\r
 141                                                 if( xnode = Node._getXNode( v ) ) return xnode;\r
 142                                                 this._rawObject = v;\r
 143                                                 this._xnodeType = 4;\r
 144                                                 v.UID           = uid;\r
 145                                                 this._state     = X.Dom.State.EXIST;\r
 146                                                 break;\r
 147                                         /*\r
 148                                         case Node.IS_WINDOW :\r
 149                                         case Node.IS_DOCUMENT :\r
 150                                                 if( xnode = Node._getXNode( v ) ) return xnode;\r
 151                                                 this._rawObject = v;\r
 152                                                 this._xnodeType = 2;\r
 153                                                 this._state     = X.Dom.State.DISPLAY_BLOCK;\r
 154                                                 break; */\r
 155                                         default :\r
 156                                                 if( Node.none ) return Node.none;\r
 157                                                 return;\r
 158                                 };\r
 159                         };\r
 160                         \r
 161                         Node._chashe[ this._uid = uid ] = this;\r
 162                 }\r
 163         }\r
 164 );\r
 165 \r
 166 var Node = X.Dom.Node;\r
 167 \r
 168 Node.IS_XNODE       = 1;\r
 169 Node.IS_RAW_HTML    = 2;\r
 170 Node.IS_RAW_TEXT    = 3;\r
 171 Node.IS_HTML_STRING = 4;\r
 172 Node.IS_STRING      = 5;\r
 173 //Node.IS_DOC_FRAG    = 6;\r
 174 Node.IS_XNODE_LIST  = 7;\r
 175 Node.IS_WINDOW      = 8;\r
 176 Node.IS_DOCUMENT    = 9;\r
 177 Node.IS_IMAGE       = 10;\r
 178 \r
 179 Node._getType = function( v ){\r
 180         if( v === '' ) return Node.IS_STRING;\r
 181         if( !v ) return 0;\r
 182         if( v === window ) return Node.IS_WINDOW;\r
 183         if( v === document ) return Node.IS_DOCUMENT;\r
 184         if( v.constructor === Node ) return Node.IS_XNODE;\r
 185         if( v.constructor === X.Dom.NodeList ) return Node.IS_XNODE_LIST;\r
 186         if( X.Type.isHTMLElement( v ) ) return Node.IS_RAW_HTML;\r
 187         if( v.nodeType === 3 ) return Node.IS_RAW_TEXT;\r
 188         if( X.Type.isImage( v ) ) return Node.IS_IMAGE;\r
 189         if( typeof v === 'string' ){\r
 190                 return '<' === v.charAt( 0 ) && v.charAt( v.length - 1 ) === '>' ? Node.IS_HTML_STRING : Node.IS_STRING;\r
 191         };\r
 192         //if( v.nodeType === 11 ) return Node.IS_DOC_FRAG;\r
 193         return 0;\r
 194 };\r
 195 Node._getXNode = function( v ){\r
 196         var uid, i, chashe, xnode;\r
 197         switch( Node._getType( v ) ){\r
 198                 case Node.IS_XNODE :\r
 199                 case Node.IS_XNODE_LIST :\r
 200                         return v;\r
 201                 case Node.IS_RAW_HTML :\r
 202                 case Node.IS_IMAGE :\r
 203                         // fake TextNode too.\r
 204                         if( X.Dom.DOM_IE4 ){\r
 205                                 uid = v.getAttribute( 'UID' );\r
 206                                 return uid && Node._chashe[ uid ];\r
 207                         };\r
 208                         return v.UID && Node._chashe[ v.UID ];\r
 209                 case Node.IS_WINDOW :\r
 210                         return Node._window;\r
 211                 case Node.IS_DOCUMENT :\r
 212                         return Node._document;\r
 213                 case Node.IS_RAW_TEXT :\r
 214                         if( v.UID ) return Node._chashe[ v.UID ];\r
 215                         for( chashe = Node._chashe, i = chashe.length; i; ){\r
 216                                 if( ( xnode = Node._chashe[ --i ] ) && ( xnode._rawObject === v ) ) return xnode;\r
 217                         };\r
 218         };\r
 219 };\r
 220 \r
 221 \r
 222 Node.create = function( tag, opt_attrs, opt_css ){\r
 223         var list, i;\r
 224         switch( Node._getType( tag ) ){\r
 225                 case Node.IS_STRING :\r
 226                         Node._newByTag = true;\r
 227                         return new Node( tag, opt_attrs, opt_css );\r
 228                 case Node.IS_HTML_STRING :\r
 229                         list = X.Dom.parse( tag, true );\r
 230                         for( i = list.length; 1 < i; ){\r
 231                                 list[ --i ].destroy();\r
 232                         };\r
 233                         return list[ 0 ];\r
 234         };\r
 235 };\r
 236 Node.createText = function( text ){\r
 237         Node._newByText = true;\r
 238         return new Node( text );\r
 239 };\r
 240 \r
 241 \r
 242 Node.getRoot = function( xnode ){\r
 243         return Node._document;\r
 244         //return xNode._body._rawObject.documentElement ? node : node.ownerDocument || node.document;\r
 245 };\r
 246         // XMLかどうかを判別する\r
 247 Node.isXmlDocument =\r
 248         X.Dom.DOM_IE4 ?\r
 249                 X.emptyFunction :\r
 250                 (function( root ){\r
 251                         if( X.Type.isBoolean( root.isXML ) ) return root.isXML;\r
 252                         return root.isXML = root._rawObject.createElement( 'p' ).tagName !== root._rawObject.createElement( 'P' ).tagName;\r
 253                 });\r
 254 \r
 255 Node._chashe     = [];\r
 256 Node.none        = Node._chashe[ 0 ] = new Node();\r
 257 Node._window     = new X.EventDispatcher( window );\r
 258 Node._document   = new X.EventDispatcher( document );\r
 259 Node._html       = null; // = Node._chashe[ 1 ] <html>\r
 260 Node._head       = null; // = Node._chashe[ 2 ] <head>\r
 261 Node._body       = null; // = Node._chashe[ 3 ] <body>\r
 262 Node._systemNode = null; // = Node._chashe[ ? ]\r
 263 \r
 264 Node._reserveRemoval = [];\r
 265 \r
 266 if( X.Dom.DOM_IE4 ){\r
 267         Node.prototype._ie4getRawNode = function(){\r
 268                 var elm = this._rawObject;\r
 269                 return elm ||\r
 270                         ( ( elm = document.all[ 'ie4uid' + this._uid ] ) && ( this._rawObject = elm ) ) ||\r
 271                         ( this._id && ( elm = document.all[ this._id ] ) ) && ( this._rawObject = elm );\r
 272         };\r
 273 };\r
 274 \r
 275 \r
 276 /* --------------------------------------\r
 277  *  Create\r
 278  */\r
 279 Node.prototype.create = function( tag, opt_attrs, opt_css ){\r
 280         var xnode;\r
 281         if( this._xnodeType !== 1 ) return;\r
 282         if( !this._xnodes ) this._xnodes = [];\r
 283         \r
 284         xnode = Node.create( tag, opt_attrs, opt_css );\r
 285         \r
 286         xnode.parent = this;\r
 287         this._xnodes[ this._xnodes.length ] = xnode;\r
 288         this._root && this._reserveUpdate();\r
 289         return xnode;\r
 290 };\r
 291 Node.prototype.createAt = function( index, tag, opt_attrs, opt_css ){\r
 292         var xnode = Node.create( tag, opt_attrs, opt_css );\r
 293         this.appendAt( index, xnode );\r
 294         return xnode;\r
 295 };\r
 296 \r
 297 /* --------------------------------------\r
 298  *  CreateText\r
 299  */\r
 300 Node.prototype.createText = function( text ){\r
 301         var xnode;\r
 302         if( this._xnodeType !== 1 ) return;\r
 303         if( !this._xnodes ) this._xnodes = [];\r
 304         \r
 305         Node._newByText = true;\r
 306         xnode = new Node( text );\r
 307         xnode.parent = this;\r
 308         \r
 309         this._root && this._reserveUpdate();\r
 310         this._xnodes[ this._xnodes.length ] = xnode;\r
 311         return xnode;\r
 312 };\r
 313 Node.prototype.createTextAt = function( index, text ){\r
 314         var xtext = Node.createText( text );\r
 315         this.appendAt( index, xtext );\r
 316         return xtext;\r
 317 };\r
 318 \r
 319 /* --------------------------------------\r
 320  *  Clone\r
 321  * http://d.hatena.ne.jp/think49/20110724/1311472811\r
 322  * http://d.hatena.ne.jp/uupaa/20100508/1273299874\r
 323  */\r
 324 Node.prototype.clone = function( opt_clone_children ){\r
 325         var xnode, xnodes, i, l;\r
 326         switch( this._xnodeType ){\r
 327                 case 1 :\r
 328                         Node._newByTag = true;\r
 329                         xnode = new Node( this._tag, X.cloneObject( this._attrs ), X.cloneObject( this._css ) )\r
 330                                 .attr( { 'id' : this._id } )\r
 331                                 .className( this._className );\r
 332                         if( opt_clone_children && ( xnodes = this._xnodes ) && ( l = xnodes.length ) ){\r
 333                                 for( i = 0; i < l; ++i ){\r
 334                                         xnode.append( xnodes[ i ].clone( true ) );\r
 335                                 };\r
 336                         };\r
 337                         return xnode;\r
 338                 case 3 :\r
 339                         Node._newByText = true;\r
 340                         xnode = new Node( this._text );\r
 341                         return xnode;\r
 342                 \r
 343                 //case 0 :\r
 344                 //case 2 :\r
 345         };\r
 346         return this;\r
 347 };\r
 348 \r
 349 /* --------------------------------------\r
 350  *  Add\r
 351  * Node\r
 352  * HtmlElement の場合は内部使用専用 そのため event の破棄等しない\r
 353  */\r
 354 Node.prototype.append = function( v ){\r
 355         var i, l, xnodes, frg;\r
 356         if( this._xnodeType !== 1 ) return;\r
 357         \r
 358         if( 1 < ( l = arguments.length ) ){\r
 359                 for( i = 0; i < l; ++i ){\r
 360                         this.append( arguments[ i ] );\r
 361                 };\r
 362                 return this;\r
 363         };\r
 364         \r
 365         if( !( xnodes = this._xnodes ) ) this._xnodes = xnodes = [];\r
 366         \r
 367         switch( Node._getType( v ) ){\r
 368                 case Node.IS_RAW_HTML :\r
 369                 case Node.IS_RAW_TEXT :\r
 370                         v = new Node( v );\r
 371                         break;\r
 372                 case Node.IS_HTML_STRING :\r
 373                 case Node.IS_STRING :\r
 374                         return this.append.apply( this, X.Dom.parse( v, true ) );\r
 375                 case Node.IS_XNODE :\r
 376                         if( v._xnodeType !== 1 && v._xnodeType !== 3 ) return this;\r
 377                         // 親の xnodes から v を消す\r
 378                         if( v.parent ){\r
 379                                 //if( X.Dom.DOM_W3C ){\r
 380                                 //      v.parent._xnodes.splice( v.parent._xnodes.indexOf( v ), 1 );\r
 381                                 //} else\r
 382                                 //if( X.Dom.DOM_IE4 ){\r
 383                                         v.remove();\r
 384                                 //} else {\r
 385                                         \r
 386                                 //};\r
 387                         };// else\r
 388                         //if( ( i = Node._reserveRemoval.indexOf( v ) ) !== -1 ){\r
 389                         //      if( !this._state ) alert( 'xnode already destroyed!' );\r
 390                         //      Node._reserveRemoval.splice( i, 1 );\r
 391                         //};\r
 392                         break;\r
 393                 default :\r
 394                         return this;\r
 395         };\r
 396 \r
 397         v.parent = this;\r
 398         xnodes[ xnodes.length ] = v;\r
 399         this._root && this._reserveUpdate();\r
 400         return this;\r
 401 };\r
 402 \r
 403 \r
 404 Node.prototype.appendAt = function( start, v ){\r
 405         var xnodes, l, i;\r
 406         \r
 407         if( this._xnodeType !== 1 ) return this;\r
 408         \r
 409         l = arguments.length;\r
 410         if( !( xnodes = this._xnodes ) ) xnodes = this._xnodes = [];\r
 411         \r
 412         if( xnodes.length <= start ){\r
 413                 if( l === 2 ) return this.append( v );\r
 414                 for( i = 1; i < l; ++i ){\r
 415                         this.append( arguments[ i ] );\r
 416                 };\r
 417                 return this;\r
 418         };\r
 419         if( start < 0 ) start = 0;\r
 420         if( 2 < l ){\r
 421                 for( ; l; ){\r
 422                         this.appendAt( start, arguments[ --l ] );\r
 423                 };\r
 424                 return this;\r
 425         };\r
 426 \r
 427         switch( Node._getType( v ) ){\r
 428                 case Node.IS_RAW_HTML :\r
 429                 case Node.IS_RAW_TEXT :\r
 430                         v = new Node( v );\r
 431                         break;\r
 432                 case Node.IS_HTML_STRING :\r
 433                 case Node.IS_STRING :\r
 434                         v = X.Dom.parse( v, true );\r
 435                         for( i = v.length; i; ){\r
 436                                 this.appendAt( start, v[ --i ] );\r
 437                         };\r
 438                         return this;\r
 439                 case Node.IS_XNODE :\r
 440                         if( v._xnodeType !== 1 && v._xnodeType !== 3 ) return this;\r
 441                         // 親の xnodes から v を消す\r
 442                         if( v.parent ){\r
 443                                 //if( X.Dom.DOM_W3C ){\r
 444                                 //      v.parent._xnodes.splice( v.parent._xnodes.indexOf( v ), 1 );\r
 445                                 //} else\r
 446                                 //if( X.Dom.DOM_IE4 ){\r
 447                                         v.remove();\r
 448                                 //} else {\r
 449                                         \r
 450                                 //};\r
 451                         };// else\r
 452                         //if( ( i = Node._reserveRemoval.indexOf( v ) ) !== -1 ){\r
 453                         //      if( !this._state ) alert( 'xnode already destroyed!' );\r
 454                         //      Node._reserveRemoval.splice( i, 1 );\r
 455                         //};\r
 456                         break;\r
 457                 default :\r
 458                         return this;\r
 459         };\r
 460 \r
 461         v.parent = this;\r
 462         this._xnodes.splice( start, 0, v );\r
 463         this._root && this._reserveUpdate();\r
 464         return this;\r
 465 };\r
 466 \r
 467 Node.prototype.appendTo = function( parent, opt_index ){\r
 468         switch( Node._getType( parent ) ){\r
 469                 case Node.IS_RAW_HTML :\r
 470                         parent = new Node( parent );\r
 471                         break;\r
 472                 case Node.IS_HTML_STRING :\r
 473                         parent = X.Dom.parse( parent, true );\r
 474                         parent = parent[ 0 ] || parent;\r
 475                 case Node.IS_XNODE :\r
 476                         break;\r
 477                 default :\r
 478                         return this;\r
 479         };\r
 480         opt_index === undefined ? parent.append( this ) : parent.appendAt( opt_index, this );\r
 481         return this;\r
 482 };\r
 483 \r
 484 Node.prototype.appendToRoot = function( opt_index ){\r
 485         opt_index === undefined ? Node._body.append( this ) : Node._body.appendAt( opt_index, this );\r
 486         return this;\r
 487 };\r
 488 \r
 489 /* --------------------------------------\r
 490  *  Before , After, Replace\r
 491  */\r
 492 Node.prototype.before = Node.prototype.prevNode = function( v ){\r
 493         var parent = this.parent, xnodes, i, l, start;\r
 494         \r
 495         // getter\r
 496         if( v === undefined ){\r
 497                 if( !parent ) return;\r
 498                 xnodes = parent._xnodes;\r
 499                 i      = xnodes.indexOf( this );\r
 500                 return 0 < i ? xnodes[ i - 1 ] : v;\r
 501         };\r
 502         \r
 503         if( !parent ) return this;\r
 504         \r
 505         l = arguments.length;\r
 506         start = this.getOrder();\r
 507         if( 1 < l ){\r
 508                 for( ; l; ){\r
 509                         parent.appendAt( start, arguments[ --l ] );\r
 510                 };\r
 511                 return this;\r
 512         };\r
 513         parent.appendAt( start, v );\r
 514         return this;\r
 515 };\r
 516 \r
 517 Node.prototype.after = Node.prototype.nextNode = function( v ){\r
 518         var parent = this.parent, xnodes, i, l, start;\r
 519         \r
 520         // getter\r
 521         if( v === undefined ){\r
 522                 if( !parent ) return;\r
 523                 xnodes = parent._xnodes;\r
 524                 i      = xnodes.indexOf( this );\r
 525                 return ++i < xnodes.length ? xnodes[ i ] : v;\r
 526         };\r
 527         \r
 528         if( !parent ) return this;\r
 529         \r
 530         l = arguments.length;\r
 531         start = this.getOrder() + 1;\r
 532         if( parent._xnodes.length <= start ){\r
 533                 if( 1 < l ){\r
 534                         for( i = 0; i < l; ++i ){\r
 535                                 parent.append( arguments[ i ] );\r
 536                         };\r
 537                         return this;\r
 538                 };\r
 539                 parent.append( v );\r
 540                 return this;\r
 541         };\r
 542         if( 1 < l ){\r
 543                 for( ; l; ){\r
 544                         parent.appendAt( start, arguments[ --l ] );\r
 545                 };\r
 546                 return this;\r
 547         };\r
 548         parent.appendAt( start, v );\r
 549         return this;\r
 550 };\r
 551 \r
 552 Node.prototype.replace = function( v ){\r
 553         if( !this.parent ) return this;\r
 554         return arguments.length === 1 ? this.before( v ).remove() : this.before.apply( this, arguments ).remove();\r
 555 };\r
 556 \r
 557 /* --------------------------------------\r
 558  *  Remove\r
 559  */\r
 560 Node.prototype.remove = function(){\r
 561         var parent = this.parent;\r
 562         \r
 563         if( !parent ) return this;\r
 564 \r
 565         parent._xnodes.splice( parent._xnodes.indexOf( this ), 1 );\r
 566         if( this._root ){\r
 567                 Node._reserveRemoval[ Node._reserveRemoval.length ] = this;\r
 568                 this._reserveUpdate();\r
 569         };\r
 570         delete this.parent;\r
 571         delete this._root;\r
 572         return this;\r
 573 };\r
 574 \r
 575 Node.prototype.empty = function(){\r
 576         var xnodes = this._xnodes, i;\r
 577         if( xnodes && ( i = xnodes.length ) ){\r
 578                 for( ; i; ){\r
 579                         xnodes[ --i ].destroy();\r
 580                 };\r
 581                 xnodes.length = 0;\r
 582         };\r
 583         return this;\r
 584 };\r
 585 \r
 586 /* --------------------------------------\r
 587  *  destory\r
 588  */\r
 589 Node._destroyChildFlag = false; // TODO\r
 590 \r
 591 Node.prototype.destroy = function( isChild ){\r
 592         var xnodes = this._xnodes, i, elm;\r
 593         \r
 594         if( !this._state ) return;\r
 595         \r
 596         elm = this._rawObject || this._ie4getRawNode && this._ie4getRawNode();\r
 597         \r
 598         if( xnodes && ( i = xnodes.length ) ){\r
 599                 //for( ; i; ){\r
 600                 //      xnodes[ --i ].destroy( true );\r
 601                 //};\r
 602         };\r
 603         elm && this._listeners && this.unlisten(); // イベントの退避\r
 604 \r
 605         delete Node._chashe[ this._uid ];\r
 606         delete this._state;\r
 607         \r
 608         if( this._root ){\r
 609                 !isChild && this.remove();\r
 610         } else {\r
 611                 this.parent && this.parent._xnodes.splice( this.parent._xnodes.indexOf( this ), 1 );\r
 612                 elm && !isChild && this._actualRemove();\r
 613                 this.kill();\r
 614         };\r
 615 };\r
 616 \r
 617 \r
 618 \r
 619 /* --------------------------------------\r
 620  *  contains\r
 621  */\r
 622 Node.prototype.contains = function( v ){\r
 623         var elm, type, xnodes, i;\r
 624         if( !v || this._xnodeType !== 1 ) return false;\r
 625         // contains ie4+\r
 626         if( ( elm = this._rawObject || this._ie4getRawNode && this._ie4getRawNode() ) && document.contains && ( type = Node._getType( v ) ) && ( type === Node.IS_RAW_HTML || type === Node.IS_RAW_TEXT ) ){\r
 627                 return elm.contains( v );       \r
 628         };\r
 629         //if( document.compareDocumentPosition ){\r
 630         //      \r
 631         //};\r
 632         xnodes = this._xnodes;\r
 633         if( !xnodes || !xnodes.length ) return false;\r
 634         if( xnodes.indexOf( v ) !== -1 ) return true; // fast\r
 635         if( elm === v.parentNode ) return false;\r
 636         for( i = xnodes.length; i; ){\r
 637                 if( xnodes[ --i ].contains( v ) ) return true;\r
 638         };\r
 639         return false;\r
 640 };\r
 641 \r
 642 /* --------------------------------------\r
 643  *  getChild\r
 644  */\r
 645 Node.prototype.getChildAt = function( i ){\r
 646         var xnodes = this._xnodeType === 1 && this._xnodes;\r
 647         return xnodes && 0 <= i && i < xnodes.length && xnodes[ i ];\r
 648 };\r
 649 \r
 650 \r
 651 /* --------------------------------------\r
 652  *  firstChild, lastChild\r
 653  */\r
 654 Node.prototype.firstChild = function(){\r
 655         return this.getChildAt( 0 );\r
 656 };\r
 657 Node.prototype.lastChild = function(){\r
 658         return this.getChildAt( this._xnodes.length - 1 );\r
 659 };\r
 660 \r
 661 /* --------------------------------------\r
 662  *  getOrder\r
 663  */\r
 664 Node.prototype.getOrder = function(){\r
 665         var parent = this.parent;\r
 666         if( !parent ) return -1;\r
 667         return parent._xnodes.indexOf( this );\r
 668 };\r
 669 \r
 670 /* --------------------------------------\r
 671  *  className, addClass, removeClass, hasClass\r
 672  */\r
 673 Node.prototype.className = function( v ){\r
 674         var node, _, __;\r
 675         // getter\r
 676         if( v === undefined ) return this._className;\r
 677         \r
 678         // setter\r
 679         if( this._className === v ) return this;\r
 680         if( !v || typeof v !== 'string' ){\r
 681                 delete this._className;\r
 682         } else {\r
 683                 // cleanup\r
 684                 _  = ' ';\r
 685                 __ = '  ';\r
 686                 while( v.indexOf( __ ) !== -1 ){ v = v.split( __ ).join( _ ); };\r
 687                 v.charAt( 0 ) === _ && ( v = v.substr( 1 ) );\r
 688                 v.lastIndexOf( _ ) === 0 && ( v = v.substr( 0, v.length - 1 ) );\r
 689                 \r
 690                 if( this._className === v ) return this;\r
 691                 v ? ( this._className = v ) : delete this._className;\r
 692         };\r
 693         this._dirty |= X.Dom.Dirty.CLASSNAME;\r
 694         this._root && this._reserveUpdate();\r
 695         return this;\r
 696 };\r
 697 Node.prototype.addClass = function( v ){\r
 698         var names = v.split( ' ' ),\r
 699                 i     = names.length,\r
 700                 name;\r
 701         v = '';\r
 702         for( ; i; ){\r
 703                 name = names[ --i ];\r
 704                 if( !name ) continue;\r
 705                 !this.hasClass( name ) && ( v += ( v ? ' ' : '' ) + name );\r
 706         };\r
 707         return v ? this.className( this._className + ( this._className ? ' ' : '' ) + v ) : this;\r
 708 };\r
 709 Node.prototype.removeClass = function( v ){\r
 710         var _          = ' ',\r
 711                 className  = this._className,\r
 712                 names      = v.split( _ ),\r
 713                 classNames, i, f, j;\r
 714         if( !className ) return this;\r
 715         for( classNames = className.split( _ ), i = classNames.length; i; ){\r
 716                 className = classNames[ --i ];\r
 717                 for( j = names.length; j; ){\r
 718                         if( className === names[ --j ] ){\r
 719                                 classNames.splice( i, 1 );\r
 720                                 names.splice( j, 1 );\r
 721                                 f = true;\r
 722                                 break;\r
 723                         };\r
 724                 };\r
 725         };\r
 726         return f ? this.className( classNames.join( _ ) ) : this;\r
 727 };\r
 728 Node.prototype.toggleClass = function( v, opt_toggle ){\r
 729         var names, i, name;\r
 730         if( opt_toggle !== undefined ){\r
 731                 return !!opt_toggle ? this.addClass( v ) : this.removeClass( v );       \r
 732         };\r
 733         names = v.split( ' ' );\r
 734         for( i = names.length; i; ){\r
 735                 name = names[ --i ];\r
 736                 this.hassClass( name ) ? this.removeClass( name ) : this.addClass( name );\r
 737         };\r
 738         return this;\r
 739 };\r
 740 Node.prototype.hasClass = function( v ){\r
 741         var _ = ' ',\r
 742                 className = this._className,\r
 743                 i, name;\r
 744         if( className === v ) return true;\r
 745         if( !className ) return false;\r
 746         \r
 747         className = _ + className + _;\r
 748         if( className.indexOf( _ + v + _ ) !== -1 ) return true; // lucky hit\r
 749         \r
 750         for( v = v.split( _ ), i = v.length; i; ){\r
 751                 name = v[ --i ];\r
 752                 if( name === '' ) continue;\r
 753                 if( className.indexOf( _ + name + _ ) === -1 ) return false;\r
 754         };\r
 755         return true;\r
 756 };\r
 757 \r
 758 /* --------------------------------------\r
 759  *  html, text\r
 760  */\r
 761 \r
 762 Node._outerFlag = null;\r
 763 \r
 764 Node.prototype.html = function( html ){\r
 765         var _ = '', q = '"', xnodes, n, i, l;\r
 766         // setter\r
 767         if( html !== undefined ){ // String 以外に Number や false null なども許可\r
 768                 if( this._xnodeType === 3 ) return this.text( html );\r
 769                 return html ? this.empty().append.apply( this, X.Dom.parse( html, true ) ) : this.empty();\r
 770         };\r
 771         \r
 772         // getter\r
 773         if( this._xnodeType === 3 ){\r
 774                 return this._text;\r
 775         };\r
 776         \r
 777         if( this._dirty & X.Dom.Dirty.CSS && !( this._cssText = X.Dom.Style.objToCssText( this._css ) ) ){\r
 778                 delete this._cssText;\r
 779         };\r
 780         html = !Node._outerFlag ? [] : [\r
 781                 '<', this._tag,\r
 782                 this._id ? ' id="' + this._id + q : _,\r
 783                 this._className ? ' class="' + this._className + q : _,\r
 784                 this._attrText === false ? ( this._attrText = X.Dom.Attr.objToAttrText( this._attrs ) ) : this._attrText,\r
 785                 this._cssText ? ' style="' + this._cssText + q : _,\r
 786         '>' ];\r
 787         \r
 788         n = html.length;\r
 789         if( ( xnodes = this._xnodes ) && ( l = xnodes.length ) ){\r
 790                 if( !Node._outerFlag ) Node._outerFlag = this;\r
 791                 for( i = 0; i < l; ++i ){\r
 792                         html[ n ] = xnodes[ i ].html();\r
 793                         ++n;\r
 794                 };\r
 795                 if( Node._outerFlag === this )  Node._outerFlag = null;\r
 796         };\r
 797         !Node._outerFlag || X.Dom.DTD.EMPTY[ this._tag ] || ( html[ n ] = '<\/' + this._tag + '>' );\r
 798         return html.join( _ );\r
 799 };\r
 800 \r
 801 Node.prototype.text = function( text ){\r
 802         var xnodes, texts, i, l;\r
 803         // setter\r
 804         if( text !== undefined ){\r
 805                 if( this._xnodeType === 3 ){\r
 806                         if( this._text !== text ){\r
 807                                 text ? ( this._text = text ) : delete this.text;\r
 808                                 this._root && this._reserveUpdate();\r
 809                                 this._dirty |= X.Dom.Dirty.CONTENT;\r
 810                         };\r
 811                         return this;\r
 812                 };\r
 813                 if( !text ) return this.empty();\r
 814                 if( ( xnodes = this._xnodes ) && xnodes.length === 1 && xnodes[ 0 ]._xnodeType === 3 ){\r
 815                         xnodes[ 0 ].text( text );\r
 816                         return this;\r
 817                 };\r
 818                 this.empty().createText( text );\r
 819                 return this;\r
 820         };\r
 821         // getter\r
 822         if( this._xnodeType === 1 ){\r
 823                 if( ( xnodes = this._xnodes ) && ( l = xnodes.length ) ){\r
 824                         for( texts = [], i = 0; i < l; ++i ){\r
 825                                 texts[ i ] = xnodes[ i ].text();\r
 826                         };\r
 827                         return texts.join( '' );\r
 828                 };\r
 829                 return '';\r
 830         };\r
 831         return this._text;\r
 832 };\r
 833 \r
 834 /*\r
 835  * HTML要素に対して name の関数を実行しその戻り値を返す。関数に渡す引数も任意に設定できる。\r
 836  */\r
 837 Node.prototype.call = function( name /*, opt_args... */ ){\r
 838         var raw  = this._rawObject || this._ie4getRawNode && this._ie4getRawNode(),\r
 839                 l    = arguments.length - 1,\r
 840                 func, args, params, i;\r
 841         if( !raw ) return;\r
 842         func = raw[ name ];\r
 843         if( X.Type.isFunction( func ) ){\r
 844                 if( l ){\r
 845                         args = X.copyArray( arguments );\r
 846                         args.shift();\r
 847                         return func.apply( raw, args );\r
 848                 };\r
 849                 return raw[ name ]();           \r
 850         } else\r
 851         if( X.Type.isUnknown( func ) ){\r
 852                 // typeof func === unknown に対策\r
 853                 // http://la.ma.la/blog/diary_200509031529.htm          \r
 854                 if( l ){\r
 855                         args = X.copyArray( arguments );\r
 856                         args.shift();\r
 857                         \r
 858                 params = [];\r
 859                 for( i = 0; i < l; ++i ){\r
 860                         params[ i ] = '_' + i;\r
 861                 };\r
 862                 params = params.join( ',' );\r
 863                 return Function(\r
 864                         params,\r
 865                     [ 'return this.', name, '(', params, ')' ].join( '' )\r
 866                 ).apply( raw, args );\r
 867                 };\r
 868                 return raw[ name ]();\r
 869         };\r
 870 };\r
 871 \r
 872 /*\r
 873  * xnode を this として関数を実行する。 NodeList.each と動作を合わせてあるため関数の戻り値は破棄される。\r
 874  * 関数に渡す引数も任意に設定できる。\r
 875  */\r
 876 Node.prototype.each = function( func /*, opt_args */ ){\r
 877         var args;\r
 878         if( 1 < arguments.length ){\r
 879                 args = X.copyArray( arguments );\r
 880                 args[ 0 ] = 0;          \r
 881                 func.apply( this, args );\r
 882         } else {\r
 883                 func.call( this, 0 );\r
 884         };\r
 885         return this;\r
 886 };\r
 887 \r
 888 \r
 889 /* --------------------------------------\r
 890  *  Async commit update\r
 891  * \r
 892  * state:\r
 893  *  0 : no_rawObject\r
 894  *  1 : no_parent\r
 895  *  2 : no_root\r
 896  *  3 : dirty\r
 897  *  4 : clean\r
 898  * \r
 899  * remove :\r
 900  * root._reserveRemoval = [] に追加。commitUpdate で remove して state は not_added\r
 901  * add :\r
 902  * root._reserveRemoval にいたら消す, new_parent._xnodes に挿入　steta は not_added にして commitUpdate を待つ\r
 903  */\r
 904         \r
 905 Node.prototype._reserveUpdate = function(){\r
 906         var root = Node._body;\r
 907         if( root && !root._updateTimerID ) root._updateTimerID = X.Timer.requestFrame( root, root._startUpdate );\r
 908 };\r
 909 \r
 910 Node.prototype._startUpdate = function(){\r
 911         var removal, i, xnode, tmp;\r
 912         if( X.Dom.readyState < X.Dom.Event.DOM_INIT ){\r
 913                 return;\r
 914         };\r
 915         if( this._updateTimerID ){\r
 916                 X.Timer.cancelFrame( this._updateTimerID );\r
 917                 this._updateTimerID = 0;\r
 918         } else {\r
 919                 return;\r
 920         };\r
 921         // このイベントでサイズを取ると無限ループに\r
 922         // X.Dom._listeners && X.Dom._listeners[ X.Dom.Event.BEFORE_UPDATE ] && X.Dom.dispatch( { type : X.Dom.Event.BEFORE_UPDATE } );\r
 923 \r
 924         removal = Node._reserveRemoval;\r
 925         \r
 926         tmp = this._rawObject.style.visibility;\r
 927         //this._rawObject.style.visibility = 'hidden';\r
 928 \r
 929         //console.log( '_actualRemove().' );\r
 930 \r
 931         if( i = removal.length ){\r
 932                 for( ; i; ){\r
 933                         xnode = removal[ --i ];\r
 934                         xnode._actualRemove();\r
 935                         !this._state && xnode.kill();\r
 936                 };\r
 937                 removal.length = 0;\r
 938         };\r
 939 \r
 940         //console.log( 'start _startUpdate().' );\r
 941 \r
 942         /* Node._html._dirty ? */ Node._html._commitUpdate() /* : this._commitUpdate() */;\r
 943         \r
 944         //console.log( 'end of _startUpdate().' );\r
 945         \r
 946         X.Dom._listeners && X.Dom._listeners[ X.Dom.Event.AFTER_UPDATE ] && X.Dom.asyncDispatch( 0, { type : X.Dom.Event.AFTER_UPDATE } );\r
 947         //this._rawObject.style.visibility = tmp;\r
 948 };\r
 949 \r
 950 Node.prototype._commitUpdate =\r
 951         X.Dom.DOM_W3C ?\r
 952                 ( function( parentElement, nextElement ){\r
 953                         var elm = this._rawObject,\r
 954                                 xnodes, l, i, frg, next, k, v;\r
 955 \r
 956                         if( this._state & X.Dom.State.IE5_DISPLAY_NONE_FIX ){\r
 957                                 //alert( this._tag + ' ' + !!elm );\r
 958                                 // filter の効いている要素だけdisplay:none が無視される模様。filter を切ればよい？\r
 959                                 // 親が、display:none の場合は？\r
 960                                 elm && elm.parentNode && this._actualRemove();\r
 961                                 return nextElement;\r
 962                         };\r
 963 \r
 964                         if( !elm || ( parentElement && elm.parentNode !== parentElement ) || ( nextElement && elm.nextSibling !== nextElement ) ){\r
 965                                 nextElement ?\r
 966                                         parentElement.insertBefore( this._actualCreate(), nextElement ) :\r
 967                                         parentElement.appendChild( this._actualCreate() );\r
 968                                 this._afterActualCreate();\r
 969 \r
 970                                 return elm || this._rawObject;\r
 971                         } else\r
 972                         if( ( xnodes = this._xnodes ) && ( l = xnodes.length ) ) {\r
 973                                 \r
 974                                 /*if( elm.childNodes.length !== l && ( frg = X.Dom._useDocumentFragment ) ){\r
 975                                         for( i = 0; i < l; ++i ){\r
 976                                                 frg.appendChild( xnodes[ i ]._actualCreate( true ) );\r
 977                                         };\r
 978                                         elm.appendChild( frg );\r
 979                                         for( i = 0; i < l; ++i ){\r
 980                                                 xnodes[ i ]._afterActualCreate( true );\r
 981                                         };\r
 982                                 } else {*/\r
 983                                         for( ; l; ){\r
 984                                                 next = xnodes[ --l ]._commitUpdate( elm, next );\r
 985                                         };\r
 986                                 //};\r
 987                         };\r
 988 \r
 989                         delete this._fontSize;\r
 990                         this._dirty && this._updateRawNode( elm );\r
 991                         if( this._state & X.Dom.State.IE5_DISPLAY_NONE_FIX ){\r
 992                                 return nextElement;\r
 993                         };\r
 994                         return elm;\r
 995                 }) :\r
 996         X.Dom.DOM_IE4 ? \r
 997                 ( function( parentElement, prevElement ){\r
 998                         var elm    = this._rawObject || this._ie4getRawNode(),\r
 999                                 xnodes, l, i, html, text, prev;\r
1000 \r
1001                         if( !elm ){\r
1002                                 prevElement ?\r
1003                                         prevElement.insertAdjacentHTML( 'AfterEnd', this._actualCreate() ) :\r
1004                                         parentElement.insertAdjacentHTML( 'AfterBegin', this._actualCreate() );\r
1005                                 this._afterActualCreate();\r
1006                                 return this._rawObject || this._ie4getRawNode();\r
1007                         };\r
1008                         \r
1009                         xnodes = this._xnodes;\r
1010                         l      = xnodes ? xnodes.length : 0;\r
1011                         \r
1012                         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
1013                                 html = [];\r
1014                                 for( i = 0; i < l; ++i ){\r
1015                                         html[ i ] = xnodes[ i ]._actualCreate();\r
1016                                 };\r
1017                                 elm.innerHTML = html.join( '' );\r
1018                                 for( i = 0; i < l; ++i ){\r
1019                                         xnodes[ i ]._afterActualCreate();\r
1020                                 };\r
1021                                 this._state &= ~X.Dom.State.IE4_ONLY_TEXT;\r
1022                         } else\r
1023                         if( this._state & X.Dom.State.IE4_ONLY_TEXT ){ // textNode が swap した場合の検出は、_root で行う\r
1024                                 text = xnodes[ 0 ];\r
1025                                 if( text._dirty || !text._root ){\r
1026                                         elm.innerHTML = text._text;\r
1027                                         delete text._dirty;\r
1028                                         text._root = this._root;                                        \r
1029                                 };\r
1030                         } else\r
1031                         if( l ){\r
1032                                 for( i = 0; i < l; ++i ){\r
1033                                         prev = xnodes[ i ]._commitUpdate( elm, prev );\r
1034                                 };\r
1035                         };\r
1036                         \r
1037                         delete this._fontSize;\r
1038                         this._dirty && this._updateRawNode( elm );\r
1039                         return elm;\r
1040                 }) :\r
1041                 (function(){});\r
1042 \r
1043 Node.prototype._updateRawNode =\r
1044         X.Dom.DOM_W3C ?\r
1045                 ( function( elm ){\r
1046                         var attrs, rename, k, v;\r
1047 \r
1048                         // textNode\r
1049                         if( this._dirty & X.Dom.Dirty.CONTENT ){\r
1050                                 elm.data = X.Dom.chrReferanceTo( this._text );\r
1051                                 delete this._dirty;\r
1052                                 return;\r
1053                         };\r
1054                         // id\r
1055                         if( this._dirty & X.Dom.Dirty.ID ){\r
1056                                 this._id ? ( elm.id = this._id ) : ( elm.id && elm.removeAttribute( 'id' ) );           \r
1057                         };\r
1058                         // className\r
1059                         if( this._dirty & X.Dom.Dirty.CLASSNAME ){\r
1060                                 this._className ? ( elm.className = this._className ) : ( elm.className && elm.removeAttribute( X.UA.IE5678 ? 'className' : 'class' ) ); // className は ie7-?                         \r
1061 \r
1062                                 // ie5 only\r
1063                                 if( X.Dom.State.IE5_DISPLAY_NONE_FIX && elm.currentStyle.display === 'none' ){\r
1064                                         this._actualRemove();\r
1065                                         this._state |= X.Dom.State.IE5_DISPLAY_NONE_FIX;\r
1066                                         return;\r
1067                                 };\r
1068                         };\r
1069                         // style\r
1070                         // TODO display:none の場合、更新をスキップ\r
1071                         if( this._dirty & X.Dom.Dirty.CSS ){\r
1072                                 if( this._cssText !== null || ( this._cssText = X.Dom.Style.objToCssText( this._css ) ) ){\r
1073                                         X.UA.Opera78 || X.UA.NN6 ?\r
1074                                                 elm.setAttribute( 'style', this._cssText ) : // opera8用\r
1075                                                 ( elm.style.cssText = this._cssText );\r
1076                                 } else {\r
1077                                         elm.style.cssText = ''; // IE5.5以下 Safari3.2 で必要\r
1078                                         elm.removeAttribute( 'style' );\r
1079                                         delete this._cssText;\r
1080                                 };\r
1081                         };\r
1082                         \r
1083                         if( this._dirty & X.Dom.Dirty.IE_FILTER ){\r
1084                                 elm.style.filter = X.Dom.Style.SPECIAL_FIX( this._css );\r
1085                         };\r
1086                         \r
1087                         // attr\r
1088                         // TODO display:none の場合、更新をスキップ\r
1089                         if( this._dirty & X.Dom.Dirty.ATTR && ( attrs = this._newAttrs || this._attrs ) ){\r
1090                                 rename = X.Dom.Attr.renameForDOM;\r
1091                                 for( k in attrs ){\r
1092                                         if( !X.UA.MacIE && ( X.UA.IE5 || X.UA.IE55 ) ){ // IETester 5.5 ではエラーが出なかった．MultipulIE5.5 ではエラーが出たので\r
1093                                                 if( this._tag === 'TEXTAREA' && k === 'value' ){\r
1094                                                         elm.firstChild ?\r
1095                                                                 ( elm.firstChild.data = attrs[ k ] ) :\r
1096                                                                 elm.appendChild( document.createTextNode( attrs[ k ] ) );\r
1097                                                         continue;\r
1098                                                 };\r
1099                                         };\r
1100                                         // TODO IE では input, なぜか buttonも、type の変更が出来ない、object も 同値で置き換えようとしても不可\r
1101                                         ( v = attrs[ k ] ) === undefined ?\r
1102                                                 elm.removeAttribute( rename[ k ] || k ) :\r
1103                                                 ( elm[ rename[ k ] || k ] = X.Dom.Attr.noValue[ k ] ? k : v );                          \r
1104 \r
1105                                 };\r
1106                                 delete this._newAttrs;\r
1107                         };\r
1108                         \r
1109                         delete this._dirty;\r
1110                 }) :\r
1111         X.Dom.DOM_IE4 ? \r
1112                 ( function( elm ){\r
1113                         var attrs, rename, k, v;\r
1114 \r
1115                         // fake textNode\r
1116                         if( this._dirty & X.Dom.Dirty.CONTENT ){\r
1117                                 elm.innerText = this._text;\r
1118                                 delete this._dirty;\r
1119                                 return;\r
1120                         };\r
1121                         \r
1122                 /*\r
1123                  * http://www.tohoho-web.com/js/element.htm\r
1124                  * title、className、id、lang、language には setAttribute でなく、element.id で直接読み書きできる\r
1125                  */     \r
1126                         // id\r
1127                         if( this._dirty & X.Dom.Dirty.CONTENT ) elm.setAttribute( 'id', this._id || ( 'ie4uid' + xnode._uid ) );\r
1128 \r
1129                         // className\r
1130                         if( this._dirty & X.Dom.Dirty.CLASSNAME ){\r
1131                                 this._className ? ( elm.className = this._className ) : elm.removeAttribute( 'class' );\r
1132                         };\r
1133                         // style\r
1134                         if( this._dirty & X.Dom.Dirty.CSS ){\r
1135                                 if( this._cssText !== null || ( this._cssText = X.Dom.Style.objToCssText( this._css ) ) ){\r
1136                                         elm.style.cssText = this._cssText;\r
1137                                 } else {\r
1138                                         elm.style.cssText = '';\r
1139                                         elm.removeAttribute( 'style' );\r
1140                                         delete this._cssText;\r
1141                                 };\r
1142                         };\r
1143                         \r
1144                         if( this._dirty & X.Dom.Dirty.IE_FILTER ){\r
1145                                 this._rawObject.style.filter = X.Dom.Style.SPECIAL_FIX( this._css );\r
1146                         };\r
1147                         \r
1148                         // attr\r
1149                         if( this._dirty & X.Dom.Dirty.ATTR && ( attrs = this._newAttrs || this._attrs ) ){\r
1150                                 rename = X.Dom.Attr.renameForDOM;\r
1151                                 for( k in attrs ){\r
1152                                         ( v = attrs[ k ] ) === undefined ?\r
1153                                                 elm.removeAttribute( rename[ k ] || k ) :\r
1154                                                 elm.setAttribute( rename[ k ] || k, v ); // TODO X.Dom.Attr.noValue[ k ] ? k : v\r
1155                                 };\r
1156                                 delete this._newAttrs;\r
1157                         };\r
1158                         \r
1159                         delete this._dirty;\r
1160                 }) :\r
1161                 (function(){});\r
1162 \r
1163 /* --------------------------------------\r
1164  *  Create\r
1165  * \r
1166  * http://d.hatena.ne.jp/uupaa/20080718/1216362040\r
1167  * DOM Rangeが使える環境(Firefox2+,Opera9+,Safari3+)なら、innerHTMLいらずで、ガーって書けます。\r
1168  * return document.createRange().createContextualFragment("<div><select><option></option></select></div>");\r
1169  * insertAdjacentHTML\r
1170  * \r
1171  * ie7 以下では iframe の frameborder や、input name は、createElement 後に setAttribute しても無視される\r
1172  * \r
1173  * fragument がある場合 children も足して\r
1174  * Mozilla: 1.0+, IE: 5.5+, Netscape: 2.0+, Safari: 1.0+, Opera: 7.0+\r
1175  * ie6 大丈夫?fragment の場合リークしないか？チェックが必要\r
1176  * http://msdn.microsoft.com/ja-jp/library/bb250448%28v=vs.85%29.aspx\r
1177  * \r
1178  * document.createElement of ie4 is only for OPTION & IMAGE.\r
1179  */\r
1180 Node.prototype._actualCreate =\r
1181         X.Dom.DOM_W3C ? (function( isChild ){\r
1182                 var elm = this._rawObject,\r
1183                         xnodes, frg, i, l;\r
1184                 \r
1185                 if( this._xnodeType === 3 ){\r
1186                         if( elm ) return elm;\r
1187                         delete this._dirty;\r
1188                         return this._rawObject = document.createTextNode( X.Dom.chrReferanceTo( this._text ) );\r
1189                 };\r
1190                 \r
1191                 if( !elm ){\r
1192                         if( this._dirty & X.Dom.Dirty.CSS && !( this._cssText = X.Dom.Style.objToCssText( this._css ) ) ){\r
1193                                 delete this._cssText;\r
1194                         };\r
1195                         this._isNew = true;\r
1196                         this._rawObject = elm =\r
1197                                 X.Dom._strictElmCreation ?\r
1198                                         document.createElement( [\r
1199                                                 '<', this._tag,\r
1200                                                         ' UID="', this._uid, '"',\r
1201                                                         this._id ? ' id="' + this._id + '"' : '',\r
1202                                                         this._className ? ' class="' + this._className + '"' : '',\r
1203                                                         this._attrText === false ? ( this._attrText = X.Dom.Attr.objToAttrText( this._attrs ) ) : this._attrText,\r
1204                                                         this._cssText ? ' style="' + this._cssText + '"' : '',\r
1205                                                 '>' ].join( '' ) ) :\r
1206                                         document.createElement( this._tag );\r
1207                 };\r
1208                 if( X.Dom._useDocumentFragment ){\r
1209                         if( ( xnodes = this._xnodes ) && ( l = xnodes.length ) ){\r
1210                                 !isChild && ( frg = X.Dom._useDocumentFragment ).appendChild( elm );\r
1211                                 for( i = 0; i < l; ++i ){\r
1212                                         elm.appendChild( xnodes[ i ]._actualCreate( true ) );\r
1213                                 };\r
1214                                 return frg || elm;\r
1215                         };\r
1216                 };\r
1217                 \r
1218                 return elm;\r
1219         }) :\r
1220         X.Dom.DOM_IE4 ? (function( isChild ){\r
1221                 var uid = this._uid,\r
1222                         html, xnodes, n, i, l;\r
1223                 \r
1224                 if( this._xnodeType === 3 ){\r
1225                         html = [ '<FONT id=ie4uid', uid, ' UID="', uid, '">', this._text, '</FONT>' ];// fake textNode\r
1226                         delete this._rawObject;\r
1227                 } else {\r
1228                         if( this._rawObject && !isChild ) this._actualRemove( true );\r
1229                         \r
1230                         if( this._dirty & X.Dom.Dirty.CSS && !( this._cssText = X.Dom.Style.objToCssText( this._css ) ) ){\r
1231                                 delete this._cssText;\r
1232                         };\r
1233                         \r
1234                         html = [\r
1235                                 '<', this._tag, ' id=', ( this._id || ( 'ie4uid' + uid ) ), ' UID="', uid, '"',\r
1236                                 this._className ? ' class="' + this._className + '"' : '',\r
1237                                 this._attrText === false ? ( this._attrText = X.Dom.Attr.objToAttrText( this._attrs ) ) : this._attrText,\r
1238                                 this._cssText ? ' style="' + this._cssText + '"' : '',\r
1239                         '>' ];\r
1240                         \r
1241                         n = html.length;\r
1242                         if( ( xnodes = this._xnodes ) && ( l = xnodes.length ) ){\r
1243                                 if( l === 1 && xnodes[ 0 ]._xnodeType === 3 ){\r
1244                                         // only textnode\r
1245                                         html[ n ] = xnodes[ 0 ]._text;\r
1246                                         ++n;\r
1247                                         this._state |= X.Dom.State.IE4_ONLY_TEXT;\r
1248                                 } else {\r
1249                                         for( i = 0; i < l; ++i ){\r
1250                                                 html[ n ] = xnodes[ i ]._actualCreate( true );\r
1251                                                 ++n;\r
1252                                         };                                      \r
1253                                 };\r
1254                         };\r
1255                         X.Dom.DTD.EMPTY[ this._tag ] || ( html[ n ] = '<\/' + this._tag + '>' );\r
1256                         \r
1257                         delete this._newAttrs;\r
1258                 };\r
1259                 \r
1260                 return html.join( '' );\r
1261         }) :\r
1262         (function(){});\r
1263 \r
1264 Node.prototype._afterActualCreate =\r
1265         X.Dom.DOM_W3C ? (function(){\r
1266                 var elm = this._rawObject, xnodes, l, attrs, k, i;\r
1267 \r
1268                 this._root  = this.parent._root;\r
1269                 \r
1270                 if( this._xnodeType === 3 ){\r
1271                         this._dirty && this._updateRawNode( elm );\r
1272                         return this;\r
1273                 };\r
1274                         \r
1275                 xnodes = this._xnodes;\r
1276                 l      = xnodes && xnodes.length;\r
1277                 \r
1278                 if( this._isNew ){\r
1279                         if( !X.Dom._useDocumentFragment && l ){// docFrg が使えない場合、doc 追加後に子を追加\r
1280                                 for( i = 0; i < l; ++i ){\r
1281                                         elm.appendChild( xnodes[ i ]._actualCreate( true ) );\r
1282                                 };\r
1283                         };\r
1284                         if( X.Dom._strictElmCreation ){\r
1285                                 if( this._dirty & X.Dom.Dirty.IE_FILTER ){\r
1286                                         elm.style.filter = X.Dom.Style.SPECIAL_FIX( this._css );\r
1287                                 };\r
1288                                 delete this._dirty;\r
1289                         } else {\r
1290                                 elm.UID = this._uid;\r
1291                                 this._newAttrs = this._attrs;\r
1292                                 this._dirty = X.Dom.Dirty.ID | X.Dom.Dirty.CLASSNAME | X.Dom.Dirty.CSS | X.Dom.Dirty.ATTR | X.Dom.Dirty.IE_FILTER;\r
1293                                 this._updateRawNode( elm );\r
1294                         };\r
1295                         \r
1296                         delete this._isNew;\r
1297                 } else {\r
1298                         this._dirty && this._updateRawNode( elm );\r
1299                 };\r
1300                 \r
1301                 for( i = 0; i < l; ++i ){\r
1302                         xnodes[ i ]._afterActualCreate();\r
1303                 };\r
1304                 // src の　onload があるので先ではないか？\r
1305                 // ie の str から要素を作る場合、srcだけ イベント設定後ではないか？\r
1306                 X_EventDispatcher_toggleAllEvents( this, true );// イベントの復帰\r
1307         }) :\r
1308         X.Dom.DOM_IE4 ? (function(){\r
1309                 var xnodes, i;\r
1310                 this._root = this.parent._root;\r
1311                 \r
1312                 if( this._xnodeType !== 1 ) return this;\r
1313                 \r
1314                 if( ( xnodes = this._xnodes ) && ( i = xnodes.length ) ){\r
1315                         for( ; i; ){\r
1316                                 xnodes[ --i ]._afterActualCreate();\r
1317                         };\r
1318                 };\r
1319                 // textarea への value の適用はここで\r
1320                 if( this._dirty & X.Dom.Dirty.IE_FILTER ){\r
1321                         this._ie4getRawNode().style.filter = X.Dom.Style.SPECIAL_FIX( this._css );\r
1322                 };\r
1323                 delete this._dirty;\r
1324                 X_EventDispatcher_toggleAllEvents( this, true );// イベントの復帰\r
1325         }) :\r
1326         (function(){});\r
1327 \r
1328 Node.prototype._actualRemove =\r
1329         X.Dom.DOM_W3C ?\r
1330                 ( function( isChild ){\r
1331                         var xnodes = this._xnodes,\r
1332                                 elm    = this._rawObject,\r
1333                                 child, i, l;\r
1334                         if( xnodes && ( l = xnodes.length ) ){\r
1335                                 for( i = 0; i < l; ++i ){\r
1336                                         child = xnodes[ i ];\r
1337                                         child._xnodeType === 1 && child._actualRemove( true );\r
1338                                 };\r
1339                         };\r
1340 \r
1341                         if( !elm ) return;\r
1342                         this._xnodeType === 1 && X_EventDispatcher_toggleAllEvents( this, false );// イベントの退避\r
1343                         // elm.parentNode.tagName for ie7\r
1344                         if( !X.UA.MacIE ){\r
1345                                 !isChild && elm.parentNode && elm.parentNode.tagName && elm.parentNode.removeChild( elm );\r
1346                         } else {\r
1347                                 !isChild && elm.parentNode && elm.parentNode.tagName && X.Dom._fixed_remove( elm, this );\r
1348                         };\r
1349                 }) :\r
1350         X.Dom.DOM_IE4 ?\r
1351                 ( function( isChild ){\r
1352                         var xnodes = this._xnodes,\r
1353                                 elm    = this._rawObject || this._ie4getRawNode(),\r
1354                                 i, l, xnode;\r
1355                         if( xnodes && ( l = xnodes.length ) ){\r
1356                                 for( i = 0; i < l; ++i ){\r
1357                                         xnodes[ i ]._actualRemove( true );\r
1358                                 };\r
1359                         };\r
1360 \r
1361                         if( !elm ) return;\r
1362                         this._xnodeType === 1 && X_EventDispatcher_toggleAllEvents( this, false );// イベントの退避\r
1363                         \r
1364                         if( X.Dom.Attr.HAS_VALUE[ this._tag ] && ( !this._newAttrs || !X.inObject( 'value', this._newAttrs ) ) ){\r
1365                                 this._attrs.value = elm.value;\r
1366                         };\r
1367                         elm.removeAttribute( 'id' ); // ?\r
1368                         //document.all[ this._id || ( 'ie4uid' + this._uid ) ] = null; // MacIE5 でエラー\r
1369                         if( !isChild ) elm.outerHTML = '';\r
1370                         delete this._rawObject;\r
1371                 }) :\r
1372                 (function(){});\r
1373 \r
1374 console.log( 'X.Dom.Node' );\r
1375 \r