Свойство nextSibling элемента HTML DOM

Определение и использование

nextSibling Атрибут возвращает следующий узел на том же уровне дерева.

nextSibling Возвратяется объект Node.

nextSibling Атрибуты только для чтения.

Внимание

nextSibling Возврат следующего родственного узла: узел элемента, текстовый узел или комментарий.

Пробел между элементами также является текстовым узлом.

Альтернатива:

Атрибут nextElementSibling - nextElementSibling Возвращает следующий брат элемента (пропуская узлы текста и комментарии).

См. также:

Атрибут previousSibling

Атрибут firstChild

Атрибут lastChild

Атрибут childNodes

Метод hasChildNodes()

Узел HTML и элемент

В HTML DOMДокумент Object Model (DOM), HTML-документ является集合ом узлов (или без них), у которых есть (или нет) дочерние узлы.

NodeЭто узлы элемента, узлы текста и узлы комментариев.

ЭлементПробельные символы между ними также являются узлами текста.

А элемент — это только узел элемента.

Брат и элементный брат

БратЭто «брат» и «сестра».

БратЭто узлы, у которых есть общий родитель (в одном и том же childNodes списке）.

Элементные братьяЭто элементы, у которых есть общий родитель (в одном и том же children списке）.

Дочерний узел и дочерний элемент

childNodes ВозвращаетДочерний узел（узел элемента, узел текста и узел комментария）.

children ВозвращаетДочерний элемент（не возвращает узлы текста и комментариев）.

nextSibling и nextElementSibling

nextSibling Возвращает следующийNode（узел элемента, узел текста или узел комментария）. Пробельные символы между элементами также являются узлами текста.

nextElementSibling Возвращает следующийЭлемент（не возвращает узлы текста и комментариев）.

previousSibling и previousElementSibling

previousSibling Возвращает предыдущийNode（узел элемента, узел текста или узел комментария）. Пробельные символы между элементами также являются узлами текста.

previousElementSibling Возвращает предыдущийЭлемент（не возвращает узлы текста и комментариев）.

Пример

Возвращает HTML-контент следующего брата списка:

document.getElementById("item1").nextSibling.innerHTML;

Попробуйте сами

Синтаксис

element.nextSibling

или

node.nextSibling

Возвратное значение

Тип Описание
Node Следующий брат элемента.
null Если следующий брат не существует.

Поддержка браузерами

element.nextSibling Это функция DOM Level 1 (1998).

Все браузеры полностью поддерживают его:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Поддержка 9-11 Поддержка Поддержка Поддержка Поддержка