JS DOM節點（當前標簽和同級、父級、子級..之間的關系）

1. 通過頂層document節點獲取
    1) document.getElementById(elementId) //根據id獲得
    2) document.getElementsByName(elementName) //根據name獲得
    3) document.getElementsByTagName(tagName) //根據標簽名獲得
2、通過父節點獲取
    1) parentObj.firstChild //獲得第一個子節點
    2) parentObj.lastChild //獲得第二個子節點
    3) parentObj.childNodes //獲取作為指定對象直接后代的HTML元素和TextNode對象的集合
    4) parentObj.children //非標准dom集合，建議使用childNodes
    5) parentObj.getElementsByTagName(tagName) //獲得該標簽下標簽名為tagName的所有標簽
3、通過臨近節點獲取
    1) neighbourNode.previousSibling //獲得同級前一個標簽
    2) neighbourNode.nextSibling //獲得同級后一個標簽
4、通過子節點獲取
    1) childNode.parentNode //獲得父標簽
附錄：nodeName 屬性含有某個節點的名稱。
元素節點的nodeName 是標簽名稱
屬性節點的nodeName 是屬性名稱
文本節點的nodeName 永遠是 #text
文檔節點的nodeName 永遠是 #document
      nodeValue
對於文本節點，nodeValue 屬性包含文本。
對於屬性節點，nodeValue 屬性包含屬性值。
nodeValue 屬性對於文檔節點和元素節點是不可用的。
      nodeType 屬性可返回節點的類型具體如下：
1 Element 元素 
2 Attribute 屬性 
3 Text 文本 
4 CDATA Section CDATA斷 
5 Entity Reference 實體參數 
6 Entity 實體 
7 Processing Instrucion 處理指令 
8 Comment 注釋 
9 Document 文檔 
10 Document Type 文檔類型 
11 Document Fragment 文檔片斷