// 記錄下 JS 操作 DOM 的幾個標準屬性與方法，
// 關于 DOM ，一般可以把它看作一顆樹來理解，因為是樹，所以每個結點
// 會有唯一 一個父結點 (parentNode)，當然除了根結點；每個結點還可
// 以有多個子結點 (childNodes)，而所有子結點中當然會有第一個結點
// (firstChild) 和 最后一個結點 (lastChild) ，當然也要除去葉子結點；
// 每個結點當然還可以有兄弟，前一個兄弟就是 previousSibling ， 后一個
// 結點當然就是 nextSibling 了，就別再鉆牛角尖了，大概就是這樣，下面
// 就簡要的對各個屬性和方法作下說明
// 該方法可以通過 document 或 某個元素結點來調用，得到指定 id 的元素結點
.getElementById("")
// 該方法可以通過 document 或 某個元素結點來調用，得到指定 標簽的元素結點數組
.getElementsByTagName("")
// 元素結點調用，得到指定屬性的值
.getAttribute("")
// 元素結點調用，設置指定屬性的值
.setAttribute("")
// 結點調用，判斷當前結點類型
// 1 為元素結點，2 為屬性結點， 3 為文本結點，其他再查
.nodeType
// 文本結點調用，返回文本結點的值
.nodeValue
// 通過指定 html 標簽名創建該標簽元素
document.createElement("")
// 創建一個指定內容的文本結點
document.createTextNode("")
// 元素結點調用，向該元素結點增加一個新的子結點
.appendChild(newNode)
// 在指定結點前增加一個新結點
.insertBefore(newNode , targetNode)
// 在當前結點里用新結點替換指定的舊子結點
.replaceChild(newChild , oldChild)
// 刪除當前結點的指定子結點
.removeChild(node)
// 下列屬性全是元素結點來調用
// 得到父親結點
.parentNode
// 得到所有子結點數組
.childNodes
// 得到第一個子結點
.firstChild
// 得到最后一個子結點
.lastChild
// 得到下一個兄弟結點
.nextSibling
// 得到前一個兄弟結點
.previousSibling