1. 程式人生 > >HTML DOM nextSibling 和nextElementSibling屬性

HTML DOM nextSibling 和nextElementSibling屬性

nextSibling 和nextElementSibling的區別

  • nextSibling屬性返回元素節點之後的兄弟節點(包括文字節點、註釋節點);
  • nextElementSibling屬性只返回元素節點之後的兄弟元素節點(不包括文字節點、註釋節點);

定義和用法

  • nextSibling 屬性返回指定節點之後緊跟的節點,在相同的樹層級中。
  • 被返回的節點以 Node 物件返回。、

註釋:如果沒有 nextSibling 節點,則返回值為 null。

  • 使用nextElementSibling屬性返回指定元素之後的下一個兄弟元素,(即:相同節點樹層中的下一個元素節點)。

例項

此例中就要用nextElementSibling給p標籤新增文字,如果用nextSibling就會報如下錯誤:

也可以去掉中間多餘的內容,input的nextSibling就是p結點。