javascript
JS中Node节点总结
Node的三個(gè)基本屬性：
1.nodeType：表明節(jié)點(diǎn)類(lèi)型，1是元素節(jié)點(diǎn)，3是文本節(jié)點(diǎn)。
2.nodeName: ?表明節(jié)點(diǎn)名稱，元素節(jié)點(diǎn)為標(biāo)簽名，文本節(jié)點(diǎn)為#text。
3.nodeValue：表明節(jié)點(diǎn)值，元素節(jié)點(diǎn)為null，文本節(jié)點(diǎn)為文本內(nèi)容。
Node的節(jié)點(diǎn)關(guān)系：
1.parentNode與childNodes
parentNode尋找當(dāng)前節(jié)點(diǎn)的父節(jié)點(diǎn)，childNodes尋找當(dāng)前節(jié)點(diǎn)的子節(jié)點(diǎn)，其中包括文本節(jié)點(diǎn)和元素節(jié)點(diǎn)(特別需要注意空白的文本節(jié)點(diǎn)也算是節(jié)點(diǎn))如下程序
<!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
分別對(duì)應(yīng)父節(jié)點(diǎn)的第一個(gè)節(jié)點(diǎn)與最后一個(gè)節(jié)點(diǎn)，firstChild相當(dāng)于childNodes[0]或childNodes.item(0)。
3.nextSibling與previousSibling
分別對(duì)應(yīng)當(dāng)前節(jié)點(diǎn)的前一個(gè)節(jié)點(diǎn)與當(dāng)前元素的后一個(gè)節(jié)點(diǎn)。
Node的操作節(jié)點(diǎn)：
Node的操作節(jié)點(diǎn)有appendChild(),insertBefore(),replaceChild(),removeChild(),cloneNode(),normalize()
1.appendChild(newNode)是將newNode添加到當(dāng)前節(jié)點(diǎn)的最后一個(gè)子節(jié)點(diǎn)的后面，如果newNode已經(jīng)是文檔的一部分，則appendChild操作相當(dāng)于剪切；若果newNode是新創(chuàng)造的節(jié)點(diǎn)，則appendChild操作相當(dāng)于添加。
2.insertBefore(newNode,oldNode)是將newNode添加到當(dāng)前節(jié)點(diǎn)的oldNode子節(jié)點(diǎn)的前面,如果insertBefore(newNode,null),則insertBefore()的操作和appendChild()一樣。
3.replaceChild(newNode,oldNode)是將oldNode替換為newNode，不過(guò)oldNode的所有關(guān)系指針newNode也都繼承下來(lái)。
4.removeChild(oldNode)是刪除oldNode節(jié)點(diǎn)。
5.cloneNode(true/false)是將已知節(jié)點(diǎn)復(fù)制一份，如果為true，包括子節(jié)點(diǎn)，若果為false，不包括子節(jié)點(diǎn)。然后通過(guò)appendChild(),insertBefore(),replaceChild()將其添加到文檔中。
6.normalize()是將空文本節(jié)點(diǎn)刪除或?qū)⑾噜彽奈谋竟?jié)點(diǎn)合并為一個(gè)文本節(jié)點(diǎn)。
轉(zhuǎn)載于:https://www.cnblogs.com/iwebkit/p/6928978.html
總結(jié)
以上是生活随笔為你收集整理的JS中Node节点总结的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： Java 内存分配
- 下一篇： 让SpringMVC Restful A