2008/02/23 12:27
2008/02/23 12:27 2008/02/23 12:27
Vlad Shamgin 이 Hello World에 대한 시대별 작성법을 포스트 했군요.

1998
<font><b>Hello World</b></font>

2000
var myText = "Hello World";
var _textNodeParent;
var docNodes = document.childNodes[1].lastChild.childNodes;
for(var j=0; j&lt;document .childNodes.length; j++){
  if(document.childNodes[j].lastChild){
    for(var i=0; i&lt;docNodes.length; i++){
      if('div' == docNodes.item(i).nodeName.toLowerCase()){
        if('layer_main' == docNodes.item(i).id.toLowerCase()){
          if (null != document.getElementById('bparent')) {              document.getElementById('bparent').parentNode.removeChild(document.getElementById('bparent'));
          }
          _textNodeParent = document.createElementNS("http://www.w3.org/1999/xhtml", "html:b");
          _textNodeParent.id = 'bparent';                   
          docNodes.item(i).appendChild(_textNodeParent);
          _textNodeParent.appendChild(document.createTextNode(myText));
        }
      }
    }
  }
}

2003
var myText = "<b>Hello World</b>";
document.getElementById('layer_main').innerHTML = myText;

2008
 myVp = new Ext.Viewport({
  layout:'fit',
  autoHeight:true,
  id:'myVPid',
  items:[
    new Ext.XTemplate('<tpl>',
        '<span id="bparent" style="width:100%;font-weight:bold">{text1}{text2}{text3}</span>',
        '</tpl>').overwrite(Ext.get('layer_main'),{text1:'Hello',text2:'&nbsp;',text3:'World'})
  ]
});

2010년에는 어떻게 될까요?

그나저나 저는 prototype으로인해 $로 줄어든걸 제외하고는 2003년이군요..
이올린에 북마크하기(0) 이올린에 추천하기(0)
Trackback Address :: http://blog.phpdic.com/trackback/21
N.com | 2008/02/23 14:38 | PERMALINK | EDIT/DEL | REPLY
재미있는 표현이지만 2000년도는 좀 억지성이 있어보이네요.
어째서 2003년보다 더 정교하게 DOM을 다루는지...
PHPDIC | 2008/02/23 16:13 | PERMALINK | EDIT/DEL
답글감사드립니다. (__)
저는 innerHTML의 성능이나 신뢰도에 대한 얘기가 아닐까 생각했습니다만.. 예전엔 이런저런 이유로 innerHTML을 못쓰게 했으니까요.
[로그인][오픈아이디란?]
Name
Password
Homepage

Secret
◀  *    1   ...   9    10    11    12    13    14    15    16    17   ...   30    *  ▶