고 3 dom 노트

http://www.cnblogs.com/cmptlgg/      

         childNodes   ，        NodeList   。 NodeList       
  ，           ，             。   ，            
   NodeList   ，         length   ，      Array    。 NodeList    
      ，        DOM            ，   DOM            
  NodeList    。    ， NodeList     、      ，             
              。 DOM           ;

          ，              .  childNodes               .
hasChildNodes()        
   ，                       true；   ，      childNodes
    length         。

 
JS DOM          Node ;         ；
Node>    Document(   )>HtmlDocumet>doucmnet
  -      -              -            

Node>Element(   )>HTMLElement-         HTML   -    (HTMLHtmlElement)>  html       (html  )>attributes(    )->NamedNodeMap(   -  )
                                                                                                              (  html       )
Node> CharacterData> Text>  text> 
 -      -         -                         
        ( )。           ( )         。     。
     -               。    DOM

appendChild(node)，    childNodes            。     ， childNodes    
  、                            。     ， appendChild()
       

    appendChild()              ，               
      。      DOM                ，    DOM         
           。  ，      appendChild()              ，  
                  


replaceChild(newnode,oldnode)             ，              

               ownerDocument，                。   
                  ，                     。    
  ，                      ，            。

               ，（      ）;
IE8     
                   。 IE9                

cloneNode()          DOM      JavaScript   ，     
    。         、（            ）   ，    
     。 IE        bug，           ，         
             。
        getElementsByName()    NodeList      HTMLCollectioin  。IE  HTMLCollectioin  ；
DocumentFragment              （  ）   

dom    ：1.    
             （offset dimension），                  。  
         、    ，       、        （  ，      ）。  
   4              。
offsetHeight：               ，    。       、（   ）
        、           。  padding border;   maring;

offsetWidth：               ，    。       、（   ） 
       、           。  padding border;   maring;

offsetLeft：            (       ) ( )padding||margin||border       。

offsetTop：            (       ) ( )padding||margin||border       。

              ，               。  ， 
             ；                ，      
       ，     。

clientTop clientLeft:                                                 

   scrollLeft   scrollTop                 ，           
 。         ，           0。          ，   scrollTop   
    0，                 。          ，   scrollLeft    
   0，                 。            ，      
scrollLeft   scrollTop     0，            。              
   ，scrollLeft：              。                   。
scrollTop：              。                   。


      ：
        （client dimension），                    。     
        ： clientWidth   clientHeight。  ， clientWidth            
        ； clientHeight                    ；   margin||border||          ，          ，