原生JS的DOM總結

DOM的nodeType、nodeName、nodeValue

類型	nodeType	nodeName	nodeValue
document	9	#document	null
ele	1	大寫標籤名	null
attr	2	屬性名	屬性值
text	3	#text	文本內容

獲取節點

DOM Tree

父子: parentNode childNodes firstChild lastChild

兄弟: previousSibling nextSibling

Element Tree

父子: parentElement children firstElementChild lastElementChild

兄弟: previousElementSibling nextElementSibling

操做節點

parentNode.appendChild(newNode)
parentNode.insertBefore(newNode,childNodes[?])
parentNode.removeChild(oldNode)
parentNode.replaceChild(newNode,oldNode)
node.cloneNode(boolean)

document.createElement()
document.createTextNode()
document.createAttribute()
setAttribute()
getAttribute()