閱讀(6.3k) 書簽贊(0) 我要糾錯(cuò)

XML DOM nextSibling 屬性

2018-08-05 17:41 更新

XML DOM nextSibling 屬性

Node 對(duì)象

定義和用法

nextSibling 屬性返回元素之后緊接的節(jié)點(diǎn)（處于同一樹層級(jí)中）。

如果無(wú)此節(jié)點(diǎn)，則該屬性返回 null。

語(yǔ)法

nodeObject.nextSibling

提示和注釋

注釋：Firefox 以及大多數(shù)其他的瀏覽器，會(huì)把節(jié)點(diǎn)間生成的空的空格或者換行當(dāng)作文本節(jié)點(diǎn)，而 Internet Explorer 會(huì)忽略節(jié)點(diǎn)間生成的空白文本節(jié)點(diǎn)。因此，在下面的實(shí)例中，我們會(huì)使用一個(gè)函數(shù)來(lái)檢查下一個(gè)同級(jí)節(jié)點(diǎn)的節(jié)點(diǎn)類型。

元素節(jié)點(diǎn)的節(jié)點(diǎn)類型是 1，因此如果下一個(gè)同級(jí)節(jié)點(diǎn)不是一個(gè)元素節(jié)點(diǎn)，它就會(huì)移至下一個(gè)節(jié)點(diǎn)，然后繼續(xù)檢查此節(jié)點(diǎn)是否為元素節(jié)點(diǎn)。整個(gè)過(guò)程會(huì)一直持續(xù)到下一個(gè)同級(jí)元素節(jié)點(diǎn)被找到為止。通過(guò)這個(gè)方法，我們就可以在所有的瀏覽器中得到正確的結(jié)果。

提示：如需了解更多有關(guān)瀏覽器差異的知識(shí)，請(qǐng)?jiān)谖覀兊?XML DOM 教程中訪問(wèn)我們的 DOM 瀏覽器章節(jié)。

實(shí)例

下面的代碼片段使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc 中，并從第一個(gè) <title> 元素取得下一個(gè)同級(jí)節(jié)點(diǎn)：

實(shí)例

//check if the next sibling node is an element node
function get_nextsibling(n)
{
x=n.nextSibling;
while (x.nodeType!=1)
{
x=x.nextSibling;
}
return x;
}

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName("title")[0];
document.write(x.nodeName);
document.write(" = ");
document.write(x.childNodes[0].nodeValue);

y=get_nextsibling(x);

document.write("
Next sibling: ");
document.write(y.nodeName);
document.write(" = ");
document.write(y.childNodes[0].nodeValue);

上面的代碼將輸出：

title = Everyday Italian
Next sibling: author = Giada De Laurentiis

嘗試一下 ?

嘗試一下 Demos

previousSibling - 取得節(jié)點(diǎn)的上一個(gè)同級(jí)節(jié)點(diǎn)

Node 對(duì)象

以上內(nèi)容是否對(duì)您有幫助：

寫筆記

我要補(bǔ)充