0.6.x/js/02_dom/22_XTreeBuilder.js

   1 \r
   2 X_TEMP.X_Dom_useBuilder = true;\r
   3 \r
   4 X_TEMP._isCleanupTarget = function( elm ){\r
   5         var cname = ' ' + elm.className + ' ',\r
   6                 tag   = ( elm.tagName || '' ).toUpperCase();\r
   7         return cname.indexOf( ' skip-cleanup ' ) === -1 &&\r
   8                 ( X_Dom_DTD_CLEANUP_TAGS[ tag ] || cname.indexOf( ' cleanup-target ' ) !== -1 );\r
   9 };\r
  10 \r
  11 if( X_UA[ 'MacIE' ] ){\r
  12 \r
  13         X_TEMP._fixed_remove = function( node, xnode ){\r
  14                 var parent   = node.parentNode, l;\r
  15 \r
  16                 node.nodeType !== 3 && alert( node.nodeType + '\n' + ( node.outerHTML || node.data ) );\r
  17                 if( node.nodeType === 1 ){\r
  18                         //node.outerHTML = '';\r
  19                         parent && parent.removeChild( node );\r
  20                 } else\r
  21                 if( node.nodeType === 3 ){\r
  22                         //node.data = '';\r
  23                         l = X_TEMP._removalTextNodes.length;\r
  24                         if( parent ){\r
  25                                 /*\r
  26                                 !l && X_Timer_once( 0, X_TEMP._timerRemove );\r
  27                                 X_TEMP._removalTextNodes[ l ] = node;\r
  28                                 var str=[],p;\r
  29                                 for( p in node ){\r
  30                                         str[str.length] = p;\r
  31                                 };\r
  32                                 alert( str.join( ',' ) + parent.innerHTML );\r
  33                                 node.nodeValue = '';\r
  34                                 parent.replaceChild( document.createElement( 'span' ), node );\r
  35                                 var e;\r
  36                                 var f = document.createDocumentFragment();\r
  37                                 f.appendChild( e = document.createElement( 'span' ) );\r
  38                                 f.replaceChild( node, e );\r
  39                                 e.appendChild( f );\r
  40                                 parent.appendChild( e = document.createElement( 'span' ) );\r
  41                                 e.appendChild( node );\r
  42                                 parent.removeChild( e );\r
  43                                 node.parentNode = null;\r
  44                                 document.body.appendChild( node );\r
  45                                 parent.replaceChild( document.createComment( '' ), node ); */\r
  46                                 document.body.appendChild( node );\r
  47                                 return;\r
  48                                 /*\r
  49                                 if( parent.parentNode !== document.body ){\r
  50                                         var clone = parent.cloneNode( true );\r
  51                                         for( var i = 0, l = parent.childNodes.length; i < l; ++i ){\r
  52                                                 if( parent.childNodes[ i ] !== node ){\r
  53                                                         clone.removeChild( clone.childNodes[ i ] );\r
  54                                                 };\r
  55                                         };                                      \r
  56                                         //parent.parentNode.insertBefore( clone, parent );\r
  57                                         //parent.parentNode.removeChild( parent );\r
  58                                         parent.parentNode.insertBefore( clone, parent );\r
  59                                         parent.style.display = 'none';\r
  60                                         if( xnode ){\r
  61                                                 xnode.parent.parent[ '_rawObject' ] = clone;\r
  62                                         };\r
  63                                 } else {\r
  64                                         // ignore\r
  65                                 }; */\r
  66 \r
  67                         };\r
  68                         //if( !node.ownerDocument ) alert( 'no owner' );\r
  69                 } else {\r
  70                         //node.data = '';\r
  71                 };\r
  72         };\r
  73         \r
  74         X_TEMP._removalTextNodes = [];\r
  75         \r
  76         X_TEMP._timerRemove = function(){\r
  77                 var nodes = X_TEMP._removalTextNodes,\r
  78                         i = 0, node;\r
  79                 while( i < 5 && nodes.length ){\r
  80                         node = nodes.shift();\r
  81                         if( node.parentNode ){\r
  82                                 //node.parentNode.removeChild( node );\r
  83                                 ++i;\r
  84                         };\r
  85                 };\r
  86                 \r
  87                 //nodes.length && X_Timer_once( 1000, X_TEMP._timerRemove );\r
  88         };\r
  89         \r
  90 } else\r
  91 if( X_UA[ 'Opera7' ] ){\r
  92 \r
  93         X_TEMP._fixed_remove = function( node ){\r
  94                 if( node.nodeType === 1 || node.nodeType === 3 ){\r
  95                         node.parentNode && node.parentNode.removeChild( node );\r
  96                 //} else {\r
  97                         //node.data = '';\r
  98                 };\r
  99         };\r
 100 };\r
 101 \r
 102 /* --------------------------------------\r
 103  *  通常のwebページに対して使用する場合、dom ready で dom tree を写し取るために使う．\r
 104  *  完全にワンページアプリで<body/>が空な場合、このコードはビルドに含める必要はない\r
 105  * \r
 106  * TODO (注4) IE6 の空白に関する“癖”について\r
 107  * http://kojs.sukobuto.com/docs/visible-binding\r
 108  * IE6 には、「空の span エレメントに続く空白は無視される」という謎な癖があります。 \r
 109  */\r
 110 \r
 111 X_TEMP._onPreInit =\r
 112         X_UA_DOM.W3C ?\r
 113 (function(){\r
 114         var r    = X_Node_body,\r
 115                 body = r[ '_rawObject' ],\r
 116                 copy, i, l, node, html,\r
 117                 elmProgress;\r
 118         \r
 119         if( !X_TEMP.X_Dom_useBuilder ) return;\r
 120         \r
 121         X_HTMLParser_skipFixNesting = true;\r
 122         \r
 123         // TODO\r
 124         // textarea の内容を控えて、消す。xnode tree 構築後に復帰。でないと、html パースでこける\r
 125         //X_UA[ 'MacIE' ] && alert( body.innerHTML );\r
 126         // cleanup tree \r
 127         function cleanUpTree( elm, skip, head ){\r
 128                 var nodes      = X_Array_copy( elm.childNodes ),\r
 129                         i          = 0,\r
 130                         l          = nodes.length,\r
 131                         node, tag, textNode, content;\r
 132                 for( ; i < l; ++i ){\r
 133                         node = nodes[ i ];\r
 134                         switch( node.nodeType ){\r
 135                                 case 1 :\r
 136                                         tag = node.tagName.toUpperCase();\r
 137                                         if( X_Dom_DTD_MOVE_TO_HEAD[ tag ] ){\r
 138                                                 head = head || document.getElementsByTagName( 'head' )[ 0 ];\r
 139                                                 head.appendChild( node );\r
 140                                                 continue;\r
 141                                         } else\r
 142                                         if( X_TEMP._isCleanupTarget( node ) ){\r
 143                                                 elm.removeChild( node );\r
 144                                                 continue;\r
 145                                         } else {\r
 146                                                 // pre タグ以下はスペースの置換は行わない\r
 147                                                 node.childNodes && node.childNodes.length && cleanUpTree( node, skip || X_Dom_DTD_SKIP_CLEANUP_TAGS[ tag ], head );\r
 148                                         };\r
 149                                         textNode = null;\r
 150                                         break;\r
 151                                 case 3 :\r
 152                                         content = skip ? node.data : X_String_cleanupWhiteSpace( node.data );\r
 153                                         //console.log( 'Delete space ' + node.data.length + ' => ' + content.length );                          \r
 154                                         if( !textNode && content !== ' ' && content.length ){\r
 155                                                 node.data = content;\r
 156                                                 textNode  = node;\r
 157                                                 break;\r
 158                                         } else\r
 159                                         if( textNode ){\r
 160                                                 textNode.data += content; // 直前が TextNode の場合 一本化して削除\r
 161                                         };\r
 162                                         // ブロック要素直下のスペースだけは削除？？\r
 163                                 default :\r
 164                                         //console.log( 'Remove type: ' + node.nodeType + ' value: ' + node.nodeValue );\r
 165                                         if( !X_UA[ 'Opera7' ] /*&& !X_UA[ 'MacIE' ] */ ){\r
 166                                                 elm.removeChild( node );\r
 167                                         } else {\r
 168                                                 X_TEMP._fixed_remove( node );\r
 169                                         };\r
 170                                         //++count;\r
 171                         };\r
 172                 };\r
 173         };\r
 174 \r
 175         cleanUpTree( X_UA[ 'MacIE' ] ? ( copy = body.cloneNode( true ) ) : body );\r
 176 \r
 177         if( X_UA[ 'MacIE' ] ){\r
 178                 document.write( html = copy.innerHTML );\r
 179         } else {\r
 180                 // body の属性値の取得\r
 181                 if( X_UA[ 'IE' ] <= 8 ){\r
 182                         html = body.innerHTML.split( X_String_CRLF ).join( '' ); // 不要な改行が入る\r
 183                 } else {\r
 184                         html = body.innerHTML;\r
 185                 };\r
 186                 \r
 187                 // Nokia s60 Safari\r
 188                 if( html === 'fastinnerhtml!' ){\r
 189                         html = '';\r
 190                         for( i = 0, l = body.childNodes.length; i < l; ++i ){\r
 191                                 node = body.childNodes[ i ];\r
 192                                 html += ( node.outerHTML || node.data );\r
 193                         };\r
 194                 };              \r
 195         };\r
 196         \r
 197         body.appendChild( X_TEMP.elmProgress = elmProgress = document.createElement( 'div' ) );\r
 198         elmProgress.style.cssText = 'position:absolute;top:0;left:0;z-index:9999;width:0;height:0.5em;background:#00f;overflow:hidden;';\r
 199         elmProgress.setAttribute( 'style', 'position:absolute;top:0;left:0;z-index:9999;width:0;height:0.5em;background:#00f;overflow:hidden;' );\r
 200         \r
 201         X_TEMP._body = body;\r
 202         \r
 203         X_HTMLParser_asyncParse( html, true )\r
 204                 [ 'listen' ]( X_EVENT_PROGRESS, X_TEMP._handleEvent )\r
 205                 [ 'listenOnce' ]( X_EVENT_SUCCESS, X_TEMP._handleEvent );\r
 206 \r
 207 }) :\r
 208 // X_UA_DOM.IE4 ?\r
 209 (function(){\r
 210         var r    = X_Node_body,\r
 211                 body = r[ '_rawObject' ],\r
 212                 elmProgress = '_xdom_builder_progress',\r
 213                 html;\r
 214 \r
 215         if( !X_TEMP.X_Dom_useBuilder ) return;\r
 216         \r
 217         /*\r
 218          * http://support.microsoft.com/kb/812417/ja\r
 219          * PRB: outerHTML の HTML 要素のプロパティは、既定の属性は表示されません。\r
 220          * \r
 221          * body.innerHTML でなく、 body.outerHTML にはできなかった、、、\r
 222          */\r
 223         html = body.innerHTML;\r
 224         body.insertAdjacentHTML( 'BeforeEnd', '<div id="' + elmProgress + '" style="position:absolute;top:0;left:0;z-index:9999;width:0;height:0.5em;background:#00f;overflow:hidden;"></div>' );\r
 225         X_TEMP.elmProgress = document.all[ elmProgress ];\r
 226         \r
 227         X_TEMP._body = body;\r
 228         \r
 229         X_HTMLParser_asyncParse( html, true )\r
 230                 [ 'listen' ]( X_EVENT_PROGRESS, X_TEMP._handleEvent )\r
 231                 [ 'listenOnce' ]( X_EVENT_SUCCESS, X_TEMP._handleEvent );\r
 232 });\r
 233 \r
 234 X_ViewPort[ 'listenOnce' ]( X_EVENT_PRE_INIT, X_TEMP._onPreInit );\r
 235 \r
 236 X_TEMP._handleEvent = function( e ){\r
 237         var elmProgress = X_TEMP.elmProgress, xnodes;\r
 238         \r
 239         switch( e.type ){\r
 240                 case X_EVENT_PROGRESS :\r
 241                         elmProgress.style.width = ( e.percent * 100 | 0 ) + '%';\r
 242                         break;\r
 243                         \r
 244                 case X_EVENT_SUCCESS :\r
 245                         xnodes = X_Node_body[ '_xnodes' ] = [];\r
 246                         \r
 247                         xnodes.push.apply( xnodes, e.xnodes );\r
 248                         elmProgress.style.width = '100%';\r
 249                         \r
 250                         X_TEMP.asyncCreateTree( X_Node_body, X_TEMP._body.childNodes || X_TEMP._body.children, elmProgress );\r
 251                         \r
 252                         delete X_TEMP._onPreInit;\r
 253                         delete X_TEMP._body;\r
 254                         delete X_TEMP.elmProgress;\r
 255                         break;\r
 256         };\r
 257 };\r
 258 \r
 259 X_TEMP.asyncCreateTree = function( parent, elems, elmProgress, async ){\r
 260         var xnodes      = async ? 0           : X_Array_copy( parent[ '_xnodes' ] ),\r
 261                 l           = async ? 0           : xnodes.length,\r
 262                 stack       = async ? async.stack : [],\r
 263                 done        = async ? async.done  : 0,\r
 264                 startTime   = X_Timer_now(),            \r
 265                 current     = async ? async.current : {\r
 266                         me     : parent,\r
 267                         xnodes : xnodes,\r
 268                         l      : l,\r
 269                         i      : 0,\r
 270                         elems  : X_Array_copy( elems ),\r
 271                         j      : 0,\r
 272                         xtext  : null,\r
 273                         flag   : 0\r
 274                 },\r
 275                 xnode, i, dive;\r
 276         //alert( 'X_TEMP.asyncCreateTree' );\r
 277         while( current || ( current = stack.pop() ) ){\r
 278                 i = current.i;\r
 279                 l = current.l;\r
 280                 if( i < l ){\r
 281                         parent = current.me;\r
 282                         xnodes = current.xnodes;\r
 283                         while( xnode = xnodes[ i ] ){                   \r
 284                                 //\r
 285                                 dive = X_TEMP.bindElementToXnode( parent, xnode, current );\r
 286                                 \r
 287                                 ++i;\r
 288                                 ++done;\r
 289                                 if( dive ){\r
 290                                         current.i = i;\r
 291                                         stack[ stack.length ] = current;\r
 292                                         \r
 293                                         current = dive;\r
 294                                         i       = 0;\r
 295                                         l       = dive.l;\r
 296                                         parent  = xnode;\r
 297                                         xnodes  = dive.xnodes;\r
 298                                         continue;\r
 299                                 };\r
 300                                 \r
 301                                 if( startTime + 16 <= X_Timer_now() ){\r
 302                                         current.i = i;\r
 303                                         if( async ){\r
 304                                                 async.current = i < l && current;\r
 305                                                 async.done    = done;\r
 306                                         };\r
 307                                         //alert( 'koko?' );\r
 308                                         X_Timer_once( 0, X_TEMP.asyncCreateTree, [ null, null, elmProgress, async || { stack : stack, current : i < l && current, done : done } ] );\r
 309                                         // progress\r
 310                                         elmProgress.style.width = ( ( 1 - done / X_Node_CHASHE.length ) * 100 | 0 ) + '%';\r
 311                                         return;\r
 312                                 };\r
 313                         };                      \r
 314                 };\r
 315                 current = null;\r
 316         };\r
 317         // complete\r
 318         console.log( 'xtree 作成完了' );\r
 319         X_ViewPort[ 'asyncDispatch' ]( X_EVENT_XTREE_READY );\r
 320         elmProgress.parentNode ? elmProgress.parentNode.removeChild( elmProgress ) : ( elmProgress.outerHTML = '' );\r
 321         \r
 322         delete X_TEMP.asyncCreateTree;\r
 323         delete X_TEMP.bindElementToXnode;\r
 324         delete X_TEMP.X_Dom_useBuilder;\r
 325         delete X_TEMP._isCleanupTarget;\r
 326         \r
 327         X_HTMLParser_skipFixNesting = false;\r
 328 };\r
 329 \r
 330 X_TEMP.bindElementToXnode =\r
 331         X_UA_DOM.W3C ?\r
 332                 (function( parent, xnode, current ){\r
 333                         var elems = current.elems,\r
 334                                 //j     = current.j,\r
 335                                 m     = elems.length,\r
 336                                 xtext = current.xtext,\r
 337                                 skipCleanup = current.skipCleanup,\r
 338                                 inPreTag    = current.inPreTag,\r
 339                                 elm, tag, text;\r
 340                 \r
 341                         xnode.parent = parent;\r
 342                 \r
 343                         for( ; current.j < m; ++current.j ){\r
 344                                 elm = elems[ current.j ];\r
 345                                 tag = elm.tagName && elm.tagName.toUpperCase();\r
 346                                 if( ( elm.nodeType !== 1 && elm.nodeType !== 3 ) || tag === '!' || ( tag && tag.charAt( 0 ) === '/' ) ){\r
 347                                         if( !X_UA[ 'Opera7' ] && !X_UA[ 'MacIE' ] ){\r
 348                                                 elm.parentNode.removeChild( elm );\r
 349                                         } else {\r
 350                                                 X_TEMP._fixed_remove( elm );\r
 351                                         };\r
 352                                         continue;\r
 353                                 };\r
 354                 \r
 355                                 if( xnode[ '_tag' ] ){\r
 356                                         if( elm.nodeType === 3 ){\r
 357                                                 if( !( text = elm.data ) || ( text = X_String_cleanupWhiteSpace( text ) ) === ' ' ){\r
 358                                                         //alert( text.charCodeAt( 0 ) );\r
 359                                                         if( !X_UA[ 'Opera7' ] && !X_UA[ 'MacIE' ] ){\r
 360                                                                 elm.parentNode.removeChild( elm );\r
 361                                                         } else {\r
 362                                                                 X_TEMP._fixed_remove( elm );\r
 363                                                         };\r
 364                                                         continue;\r
 365                                                 };\r
 366                                                 alert( '1:[' +parent[ '_tag' ] + '>' +xnode[ '_tag' ] + '] !== ' + elm.nodeType + '\n' + ( elm.data ) );\r
 367                                         } else\r
 368                                         if( X_Dom_DTD_MOVE_TO_HEAD[ tag ] ){\r
 369                                                 alert( tag );\r
 370                                                 continue;\r
 371                                         } else\r
 372                                         if( xnode[ '_tag' ] !== tag ){\r
 373                                                 alert( '2:[' +parent[ '_tag' ] + '>' +xnode[ '_tag' ] + ' len:' + (xnode[ '_xnodes' ] ? xnode[ '_xnodes' ].length : '' ) + '] !== ' + tag + ' ' + (elm.childNodes ? elm.childNodes.length : '' ) + '\n' + elm.outerHTML );\r
 374                                         } else {\r
 375                                                 xnode[ '_rawObject' ] = elm;\r
 376                                                 //if( ( doc = elm.ownerDocument || elm.document ) && ( doc.createElement( 'p' ).tagName === doc.createElement( 'P' ).tagName ) ){\r
 377                                                         if( tag.charAt( 0 ) === '/' ) tag = tag.slice( 1 );\r
 378                                                         xnode[ '_tag' ] = tag;\r
 379                                                 //};\r
 380                                                 xnode[ '_flags' ] |= X_NodeFlags_IN_TREE;\r
 381                                                 xnode[ '_flags' ] &= X_Node_BitMask_RESET_DIRTY;\r
 382                                                 elm[ 'UID' ]       = xnode[ '_uid' ];\r
 383                                                 current.xtext = null;\r
 384                                                 \r
 385                                                 if( tag === 'TEXTAREA' ){\r
 386                                                         xnode[ 'attr' ]( 'value', xnode[ 'html' ]() )[ 'empty' ]();\r
 387                                                         \r
 388                                                 } else\r
 389                                                 if( elm.childNodes && elm.childNodes.length ){\r
 390                                                         //alert( '[' +parent[ '_tag' ] + '>' + xnode[ '_tag' ] + ' ' + (xnode[ '_xnodes' ] ? xnode[ '_xnodes' ].length : '' ) + '] === ' + tag + ' ' + (elm.childNodes ? elm.childNodes.length : '' ) + ' Hit\n' + elm.outerHTML );\r
 391                                                         //current.xtext = null;\r
 392                                                         ++current.j;\r
 393                                                         \r
 394                                                         return {\r
 395                                                                 me     : xnode,\r
 396                                                                 xnodes : X_Array_copy( xnode[ '_xnodes' ] ),\r
 397                                                                 xtext  : null,\r
 398                                                                 flag   : 0,\r
 399                                                                 i      : 0,\r
 400                                                                 l      : xnode[ '_xnodes' ].length,\r
 401                                                                 elems  : X_Array_copy( elm.childNodes ),\r
 402                                                                 j      : 0,\r
 403                                                                 skipCleanup : skipCleanup || X_Dom_DTD_SKIP_CLEANUP_TAGS[ tag ]\r
 404                                                         };\r
 405                                                 };\r
 406                                                 // nochild\r
 407                                                 //current.xtext = null;\r
 408                                         };\r
 409                                         ++current.j;\r
 410                                         break;\r
 411                                 };\r
 412                                 \r
 413                                 if( elm.nodeType !== 3 ){\r
 414                                         if( !( text = xnode[ '_text' ] ) || ( text = X_String_cleanupWhiteSpace( text ) ) === ' ' ){\r
 415                                                 console.log( '[' +parent[ '_tag' ] + '> UID:' + xnode[ '_uid' ] + ' len:' + xnode[ '_text' ].length + ' code : ' + xnode[ '_text' ].charCodeAt( 0 ) + ',' + xnode[ '_text' ].charCodeAt( 1 ) + '] destroyed.' );\r
 416                                                 xnode[ 'kill' ]();\r
 417                                                 break;\r
 418                                         };\r
 419                                         alert(  parent[ '_tag' ] + ' > ' + '"' + xnode[ '_text' ] + '" !== ' + tag + '\n' +\r
 420                                                 'prev : ' + ( xnode[ 'prev' ]() && xnode[ 'prev' ]()[ 'html' ]() ) + '\n' +\r
 421                                                 'next : ' + ( xnode[ 'next' ]() && xnode[ 'next' ]()[ 'html' ]() ) + '\n' +\r
 422                                                 'html : ' + elm.outerHTML );\r
 423                                         break;\r
 424                                 };\r
 425                                 \r
 426                                 ++current.j;\r
 427                                 xnode[ '_rawObject' ] = elm;\r
 428                                 xnode[ '_flags' ]    |= X_NodeFlags_IN_TREE;\r
 429                                 xnode[ '_flags' ]    &= X_Node_BitMask_RESET_DIRTY;\r
 430                                 xnode[ '_text' ]      = elm.data; // 正確\r
 431                                 \r
 432                                 if( !skipCleanup ){\r
 433                                         if( !( text = xnode[ '_text' ] ) || ( text = X_String_cleanupWhiteSpace( text ) ) === ' ' ){\r
 434                                                 console.log( '[' +parent[ '_tag' ] + '>' + xnode[ '_uid' ] + '] destroy ... ' );\r
 435                                                 xnode[ 'kill' ]();\r
 436                                         };\r
 437                                         if( xtext ){\r
 438                                                 xtext[ 'text' ]( xtext[ '_text' ] + text );\r
 439                                                 console.log( '[' +parent[ '_tag' ] + '>' + xnode[ '_uid' ] + '] xtext,destroy ... ' );\r
 440                                                 xnode[ 'kill' ]();\r
 441                                         } else {\r
 442                                                 //alert( parent[ '_tag' ] + '>' + '"' + text + '"\n' + elm.data );\r
 443                                                 xnode[ 'text' ]( text );\r
 444                                         };\r
 445                                 } else\r
 446                                 if( xtext ){\r
 447                                         xtext[ 'text' ]( xtext[ '_text' ] + xnode[ '_text' ] );\r
 448                                         console.log( '[' +parent[ '_tag' ] + '>' + xnode[ '_uid' ] + '] xtext,destroy ... ' );\r
 449                                         xnode[ 'kill' ]();\r
 450                                 };\r
 451                                 current.xtext = xtext || xnode;\r
 452                                 break;\r
 453                         };\r
 454                 }) :\r
 455                 (function ( parent, xnode, current ){\r
 456                         var elems = current.elems,\r
 457                                 j     = current.j,\r
 458                                 m     = elems.length,\r
 459                                 xtext = current.xtext,\r
 460                                 skipCleanup = current.skipCleanup,\r
 461                                 elm, tag, text;\r
 462                 \r
 463                         xnode.parent = parent;\r
 464                         \r
 465                         if( !xnode[ '_tag' ] ){\r
 466                                 xnode[ '_flags' ] |= X_NodeFlags_IN_TREE;\r
 467                                 xnode[ '_flags' ] &= X_Node_BitMask_RESET_DIRTY;\r
 468                                 //alert( X_String_cleanupWhiteSpace( xnode[ '_text' ] ) );\r
 469                                 if( !skipCleanup ){\r
 470                                         if( !( text = xnode[ '_text' ] ) || ( text = X_String_cleanupWhiteSpace( text ) ) === ' ' ){\r
 471                                                 xnode[ 'kill' ]();\r
 472                                                 xnode = null;\r
 473                                         } else\r
 474                                         if( xtext ){\r
 475                                                 //alert( 'xtext ' + text.charCodeAt( 0 ) + ' : ' + text.length );\r
 476                                                 xtext[ 'text' ]( xtext[ '_text' ] + text );\r
 477                                                 xnode[ 'kill' ]();\r
 478                                         } else {\r
 479                                                 //alert( 'xnode ' + text.charCodeAt( 0 ) + ' : ' + text.length );\r
 480                                                 xnode[ 'text' ]( text );\r
 481                                         };\r
 482                                 } else {\r
 483                                         if( xtext ){\r
 484                                                 //alert( 'skip ' + text.charCodeAt( 0 ) + ' : ' + text.length );\r
 485                                                 xtext[ 'text' ]( xtext[ '_text' ] + xnode[ '_text' ] );\r
 486                                                 xnode[ 'kill' ]();\r
 487                                         };\r
 488                                 };\r
 489                                 current.xtext = xtext || xnode;\r
 490                                 parent[ '_flags' ] |= X_NodeFlags_IE4_HAS_TEXTNODE;\r
 491                                 return;\r
 492                         };\r
 493                         \r
 494                         for( ; j < m; ++j, ++current.j ){\r
 495                                 elm = elems[ j ];\r
 496                                 tag = elm.tagName;\r
 497                                 /*\r
 498                                  * 未知のタグについては、閉じタグも含めてタグ名扱いになる\r
 499                                  */\r
 500                                 if( tag === '!' || tag.charAt( 0 ) === '/' ){\r
 501                                         //alert( '## ' + tag );\r
 502                                         continue;\r
 503                                 } else\r
 504                                 if( xnode[ '_tag' ] !== tag ){\r
 505                                         alert( xnode[ '_tag' ] + ' ' + ' !== ' + tag + '\nxnode.html():' + xnode.attr('cite') + '\nelm.outerHTML:' +  elm.outerHTML );\r
 506                                 } else {\r
 507                                         ++current.j;\r
 508                                         \r
 509                                         xnode[ '_rawObject' ] = elm;\r
 510                                         xnode[ '_flags' ]    |= X_NodeFlags_IN_TREE;\r
 511                                         xnode[ '_flags' ]    &= X_Node_BitMask_RESET_DIRTY;\r
 512                                         //xnode[ '_tag' ]     = X_Dom_DTD_TAG_FIX[ tag ] || tag;\r
 513                                         if( X_TEMP._isCleanupTarget( elm ) ){ //!xnode[ 'hasClass' ]( 'skip-cleanup' ) && ( X_Dom_DTD_CLEANUP_TAGS[ tag ] || xnode[ 'hasClass' ]( 'cleanup-target' ) ) ){\r
 514                                                 xnode[ 'kill' ]();\r
 515                                                 break;\r
 516                                         };\r
 517                                         \r
 518                                         !xnode[ '_id' ] && elm.setAttribute( 'id', 'ie4uid' + xnode[ '_uid' ] );\r
 519                                         elm.setAttribute( 'UID', xnode[ '_uid' ] );\r
 520                                         \r
 521                                         tag === 'INPUT' && (\r
 522                                                 !xnode[ '_attrs' ] ?\r
 523                                                         ( xnode[ '_attrs' ] = { type : 'text' } ) :\r
 524                                                         xnode[ '_attrs' ].type || ( xnode[ '_attrs' ].type = 'text' )\r
 525                                         );\r
 526                                         parent[ '_flags' ] |= X_NodeFlags_IE4_HAS_ELEMENT;\r
 527                                         current.xtext = null;\r
 528                                         \r
 529                                         if( tag === 'TEXTAREA' ){\r
 530                                                 xnode[ 'attr' ]( 'value', xnode[ 'html' ]() )[ 'empty' ]();\r
 531                                         } else\r
 532                                         if( xnode[ '_xnodes' ] && xnode[ '_xnodes' ].length ){\r
 533                                                 return {\r
 534                                                         me     : xnode,\r
 535                                                         xnodes : X_Array_copy( xnode[ '_xnodes' ] ),\r
 536                                                         xtext  : null,\r
 537                                                         flag   : 0,\r
 538                                                         i      : 0,\r
 539                                                         l      : xnode[ '_xnodes' ].length,\r
 540                                                         elems  : X_Array_copy( elm.children ),\r
 541                                                         j      : 0,\r
 542                                                         skipCleanup : skipCleanup || X_Dom_DTD_SKIP_CLEANUP_TAGS[ tag ]\r
 543                                                 };\r
 544                                         };\r
 545                                         break;\r
 546                                 };\r
 547                         };\r
 548                         // for\r
 549                         if( !xnode[ '_rawObject' ] ){\r
 550                                 alert( xnode[ '_tag' ] + ' ' + xnode[ '_id' ] + ' !== none...' );\r
 551                         };\r
 552                 });\r
 553 \r
 554 console.log( 'X.Dom.Builder' );\r
 555 console.log( 'bootTime : ' + ( X_Timer_now() - X.bootTime ) );