DOM整理

1.元素節點類型

節點類型	數值
元素節點	1
屬性節點	2
文本節點	3
文檔節點	9

2.nodeName和nodeValue屬性
元素節點的nodeValue始終爲null，nodeName始終保存元素的標籤名。
3.childNodes
element.childNodes返回類數組對象。
4.Document類型

屬性	值
nodeType	9
nodeName	"#document"
nodeValue	null
parentNode	null

5.document.referrer // 取得來源頁面的URL
6.Element類型

屬性	值
nodeType	1
nodeName	元素標籤名
nodeValue	null
parentNode	Document和Element
子節點	Element、Text、Comment、ProcessingInstruction、CDATASection或EntityReference
attributes	標籤屬性集合

訪問元素標籤名，也能夠經過tagName訪問

7.Text類型

屬性	值
nodeType	3
nodeName	"#text"
nodeValue	節點所包含的文本
parentNode	一個Element
子節點	無

附：彙總

方法	說明
element.childNodes	獲取元素全部子節點
element.nodeType	獲取元素節點類型
element.nodeName	獲取元素節點名稱
element.parentNode	獲取元素父節點
element.previousSibling	獲取元素上一個兄弟節點
element.nextSibling	獲取元素下一個兄弟節點
element.firstChild	獲取元素第一個子節點
element.lastChild	獲取元素最後一個子節點
element.hasChildNodes()	獲取元素是否存在子節點，存在返回true
element.ownerDocument	獲取整個文檔的文檔節點document
element.appendChild(newNode)	向元素最後位置添加子元素，若是newNode已是文檔中一部分，那麼只是該節點變成最後一個子節點
element.insertBefore(newNode, null)	向元素指定位置(參照元素前)添加子元素，第一個參數爲新元素，第二個參數爲參照元素，若是第二個參數爲null，那麼該方法至關於appendChild
element.replaceChild(newNode, oldNode)	替換子節點
element.removeChild(someNode)	移除子節點，該方法返回被移除的節點
element.cloneNode(true)	克隆節點，若是方法內參數爲true，則複製節點及其全部子節點，若是爲false，則複製節點
element.setAttribute()	設置特性
element.removeAttribute()	移除特性
element.getAttribute()	獲取特性
document.createTextNode("hello world!")	建立文本節點
document.createElement("div")	建立元素節點
document.createDocumentFragment()	建立文檔片斷，該片斷繼承了Node全部方法，一般用來執DOM操做