上一節我們講到通過get的方式來獲取不同的節點，那么節點之下是什么呢，其實還是節點，那么我們如何獲取節點下的小節點呢？

屬性名 描述
hasChildNodes() 返回一個布爾值，指示元素是否有子元素
childNodes 返回當前元素所有子元素的數組
firstChild 返回當前元素的第一個下級子元素
lastChild 返回當前元素的最后一個子元素
nextSibling 返回緊跟在當前元素后面的元素
nodeValue 指定表示元素值的讀/寫屬性
parentNode 返回元素的父節點
previousSibling 返回緊鄰當前元素之前的元素
nodeName String 節點的名字;根據節點的類型而定義
nodeValue String 節點的值;根據節點的類型而定義
nodeType Number 節點的類型常量值之一

屬性/方法 描述
document.createElement(tagName)
文檔對象上的createElement方法可以創建由tagName指定的元素。如果以串div作為方法參數，就會生成一個div元素

document.createTextNode(text)
文檔對象的createTextNode方法會創建一個包含靜態文本的節點

ele.appendChild(childNode)
appendChild方法將指定的節點增加到當前元素的子節點列表（作為一個新的子節點）。例如，可以增加一個option元素，作為select元素的子節點

ele.insertBefore(newNode, targetNode)
將節點newNode作為當前元素的子節點插到targetNode元素前面

ele.removeAttribute(name)
這個方法從元素中刪除屬性name

ele.removeChild(childNode)
這個方法從元素中刪除子元素childNode

ele.replaceChild(newNode, oldNode)
這個方法將節點oldNode替換為節點newNode

注意：雖然createElement與createNode的方式都可以創建節點，但前者是元素，可以說前者的作用范圍遠大于后者.

    var div   =document.getElementById("div");  //獲取div
    var ele=document.createElement('p');    //創建P元素節點
    ele.innerHTML="first";                //設置p節點的內容
    var nod=document.createTextNode("second"); //創建TEXT節點，且內容為second
    div.appendChild(ele);                    //添加子節點ele
    div.appendChild(nod);                     //添加子節點nod

這么簡單的一堆。。。我感覺我這是水了一貼，其實大家有關dom的內容看看就好，畢竟好多框架都開始屏蔽dom了~不過個人建議，dom是個好東西