生活随笔
收集整理的這篇文章主要介紹了
NODE属性说明
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
注:文本節(jié)點(diǎn)、元素節(jié)點(diǎn)或者注釋節(jié)點(diǎn)等都是Node類型的子類,它們繼承自Node類,所以這里的node可以是任何一種節(jié)點(diǎn)類型
1.node.nodeType用來(lái)以數(shù)字值返回指定節(jié)點(diǎn)node的節(jié)點(diǎn)類型
2.node.nodeName用來(lái)返回指定節(jié)點(diǎn)的節(jié)點(diǎn)名稱
如果節(jié)點(diǎn)是元素節(jié)點(diǎn),則 nodeName 屬性返回標(biāo)簽名。
入股節(jié)點(diǎn)是屬性節(jié)點(diǎn),則 nodeName 屬性返回屬性的名稱。
對(duì)于其他節(jié)點(diǎn)類型,nodeName 屬性返回不同節(jié)點(diǎn)類型的不同名稱
3.node.nodeValue用來(lái)設(shè)置或返回指定節(jié)點(diǎn)的節(jié)點(diǎn)值
注意:如果您希望返回元素的文本,請(qǐng)記住文本始終位于文本節(jié)點(diǎn)中
實(shí)例:
4.element.childNodes用來(lái)返回元素節(jié)點(diǎn)的子節(jié)點(diǎn)集合,以 NodeList 對(duì)象
5.node.parentNode用來(lái)以 Node 對(duì)象的形式返回指定節(jié)點(diǎn)的父節(jié)點(diǎn)。如果指定節(jié)點(diǎn)沒(méi)有父節(jié)點(diǎn),則返回 null
Node對(duì)象的形式如下圖所示:
注意:本例中docuemnt.getElementById獲取的是元素節(jié)點(diǎn),而且document.getElementByTagName(‘div’)獲取的也是元素節(jié)點(diǎn)
6.node.previousSibling返回同一樹(shù)層級(jí)中指定節(jié)點(diǎn)的前一個(gè)節(jié)點(diǎn)。被返回的節(jié)點(diǎn)以 Node 對(duì)象的形式返回。如果沒(méi)有 previousSibling 節(jié)點(diǎn),則返回值是 null
7.node.nextSibling返回指定節(jié)點(diǎn)之后緊跟的節(jié)點(diǎn),在相同的樹(shù)層級(jí)中。被返回的節(jié)點(diǎn)以 Node 對(duì)象返回。如果沒(méi)有 nextSibling 節(jié)點(diǎn),則返回值為 null
8.node.firstChild返回指定節(jié)點(diǎn)的首個(gè)子節(jié)點(diǎn),以 Node 對(duì)象。在 HTML 中,文本本身是 HTML 元素的父節(jié)點(diǎn),HEAD 和 BODY 是 HTML 元素的子節(jié)點(diǎn)
9.node.lastChild返回指定節(jié)點(diǎn)的最后一個(gè)子節(jié)點(diǎn),以 Node 對(duì)象
總結(jié)
以上是生活随笔為你收集整理的NODE属性说明的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。