javascript
JS中Node节点总结
Node的三個基本屬性：
1.nodeType：表明節點類型，1是元素節點，3是文本節點。
2.nodeName: ?表明節點名稱，元素節點為標簽名，文本節點為#text。
3.nodeValue：表明節點值，元素節點為null，文本節點為文本內容。
Node的節點關系：
1.parentNode與childNodes
parentNode尋找當前節點的父節點，childNodes尋找當前節點的子節點，其中包括文本節點和元素節點(特別需要注意空白的文本節點也算是節點)如下程序
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>childNodes.length</title> </head> <body><ul id="ul"><li></li><li></li><li></li></ul><script>var oUl=document.getElementById('ul');alert(oUl.childNodes.length);//是7不是3</script> </body> </html>2:firstChild與lastChild
分別對應父節點的第一個節點與最后一個節點，firstChild相當于childNodes[0]或childNodes.item(0)。
3.nextSibling與previousSibling
分別對應當前節點的前一個節點與當前元素的后一個節點。
Node的操作節點：
Node的操作節點有appendChild(),insertBefore(),replaceChild(),removeChild(),cloneNode(),normalize()
1.appendChild(newNode)是將newNode添加到當前節點的最后一個子節點的后面，如果newNode已經是文檔的一部分，則appendChild操作相當于剪切；若果newNode是新創造的節點，則appendChild操作相當于添加。
2.insertBefore(newNode,oldNode)是將newNode添加到當前節點的oldNode子節點的前面,如果insertBefore(newNode,null),則insertBefore()的操作和appendChild()一樣。
3.replaceChild(newNode,oldNode)是將oldNode替換為newNode，不過oldNode的所有關系指針newNode也都繼承下來。
4.removeChild(oldNode)是刪除oldNode節點。
5.cloneNode(true/false)是將已知節點復制一份，如果為true，包括子節點，若果為false，不包括子節點。然后通過appendChild(),insertBefore(),replaceChild()將其添加到文檔中。
6.normalize()是將空文本節點刪除或將相鄰的文本節點合并為一個文本節點。
轉載于:https://www.cnblogs.com/iwebkit/p/6928978.html
總結
以上是生活随笔為你收集整理的JS中Node节点总结的全部內容，希望文章能夠幫你解決所遇到的問題。
