0.6.x/js/02_dom/02_XNode.js

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