原生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()