HTML DOM Element nextElementSibling свойство

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

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

nextSibling и nextElementSibling Свойство только для чтения.

Дополнительная информация:

previousElementSibling свойство

children 属性

firstElemenChild 属性

свойство children

свойство firstElemenChild

свойство lastElementChild

свойство childElementCount HTML узел и элементВ

УзелHTML DOM

ЭлементВ документе объектной модели (DOM) HTML-документ является集合ом узлов (или без них), имеющих (или не имеющих) дочерние узлы.

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

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

Sibling и элемент siblingА элемент это только узел элемента.

Sibling и элемент siblingЭто «брат» и «сестра». Дочерний узел и дочерний элемент Элемент sibling

СiblingУзел sibling （узлы элемента, текстовый узел и комментарий узла）. Элемент sibling

списке）.

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

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

（а не текстовые и комментарий узлы）.

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

nextSibling и nextElementSibling nextElementSiblingЭлемент（не возвращает текстовые и注释ные узлы）.

Возврат следующего

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

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

Пример

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

let text = element.nextElementSibling.innerHTML;

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

Синтаксис

element.nextElementSibling

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

Тип Описание
Элемент Следующий sibling элемента.
null Если следующий sibling отсутствует.

Поддержка браузеров

element.nextElementSibling Это функция DOM Level 3 (2004).

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

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