HTML DOM 元素 nextSibling
描述
nextSibling
屬性返回同一樹層級上的下一個節點。
nextSibling
返回一個節點物件。
nextSibling
屬性是隻讀的。
重要提示!
nextSibling
返回下一個同級節點:一個元素節點、一個文字節點或一個註釋節點。
元素之間的空白符也是文字節點。
替代方案
nextElementSibling
返回下一個同級元素(忽略文字和註釋)。
另請參閱
節點與元素
在 HTML DOM 術語中
節點是指所有節點(元素節點、文字節點和註釋節點)。
元素之間的空白符也是文字節點。
元素僅指元素節點。
兄弟節點與元素兄弟節點
**兄弟節點**是“兄弟姐妹”。
**兄弟節點**是具有相同父節點(在相同的 **childNodes** 列表中)的節點。
**元素兄弟節點**是具有相同父節點(在相同的 **children** 列表中)的元素。
childNodes 與 children
childNodes 返回子節點(元素節點、文字節點和註釋節點)。
children 返回子元素(不包括文字和註釋節點)。
nextSibling 與 nextElementSibling 的區別
nextSibling 返回下一個節點(元素節點、文字節點或註釋節點)。元素之間的空白也是文字節點。
nextElementSibling 返回下一個元素(不是文字和註釋節點)。
previousSibling 與 previousElementSibling 的區別
previousSibling 返回前一個節點(元素節點、文字節點或註釋節點)。元素之間的空白也是文字節點。
previousElementSibling 返回前一個元素(不是文字和註釋節點)。
語法
element.nextSibling
或
node.nextSibling
返回值
型別 | 描述 |
節點 | 元素的下一個同級節點。 如果不存在下一個同級節點,則返回 null 。 |
瀏覽器支援
element.nextSibling
是 DOM Level 1 (1998) 功能。
所有瀏覽器都完全支援。
Chrome | Edge | Firefox | Safari | Opera | IE |
是 | 是 | 是 | 是 | 是 | 9-11 |