【JS-DOMノード向け】

DOM:Dockment Object Model:Webコンテンツを専門に操作するAPI
js構成:ECMAScript(コアシンタックス)+DOM+BOM(Browser Object Model)
DOM標準は以下の通りである

  DOM:               (HTML XML)
       :        : API  
HTML DOM:    DOM     API       ，      HTML   
       :        :         ，     
     :     HTML DOM，         ，   DOM  。

DOMツリー:

ノード:パッケージページのいずれかのコンテンツの属性のオブジェクト

  : 
1、   ：document  
               ，     document  
              ，  document    
      :      
2、    :             
3、    :                
4、    :               
5、    :             

すべてのノードの親タイプはNodeです.
ノードオブジェクトの共通属性:3つ
を選択します.
元素ノード
属性ノード
テキストノード
document
nodeName
大文字ラベルの名前
属性名
テキスト
document
nodeType
1
2
3
9
nodeValue
null
属性の値
テキストの内容
null
.
ノード間関係:2種類:(APIではなく、後に呼び出さなくても、対象属性です.直接使用できます.)
1、親子関係:

parentNode:      
childNodes:                ——      
firstChild :         
lastChild:          

ダイナミック集合:

         ，               。
  :          
  :           DOM 
  :        childNodes.length  ，       
  :         ，         length，     length    

//  : 
for(var i=0,len=parent.childNodes.length;i<len;i++){
    //......                 
}

2、兄弟関係:

previousSibling:          
nextSibling:          

上記の6つのノード関係の取得ノードタイプは、要素ノードとテキストノードを含む.これにより、 のような問題が発生し、p要素のspan要素を取得したい.first Childを使用して得られたのは、コンテンツが空の文字列であるテキストノードであり、これは明らかに我々の要求に合致しない.これは元素ツリーの関係を使います.
元素ツリー:要素ノードのみを含むツリー構造

 :           
 :         
6   : 
  1、    : parentElementNode:       
            children:         
            firstElementChild:          
            lastElementChild:           
  2、    : previousElementSibling:           
              nextElementSibling: