Свойство nextSibling
Пример element.nextSibling
Вернуть HTML-содержимое следующего элемента списка:
document.getElementById("item1").nextSibling.innerHTML;
Попробуйте сами »
Описание nextSibling
Свойство nextSibling возвращает следующий узел на том же уровне дерева.
Свойство nextSibling возвращает объект узла.
Свойство nextSibling доступно только для чтения.
Важно! nextSibling
Свойство nextSibling возвращает следующий родственный узел: узел элемента, текстовый узел или узел комментария.
Пробелы между элементами также являются текстовыми узлами.
Альтернатива: nextSibling
Свойство nextElementSibling возвращает следующий родственный элемент (игнорирует текст и комментарии).
Связные страницы nextSibling
Nodes или Elements
В терминологии HTML DOM:
Nodes — это все узлы (узлы элементов, текстовые узлы и узлы комментариев).
Пробелы между элементами также являются текстовыми узлами.
Elements — это только узлы элементов.
Siblings или Element Siblings
Siblings — это "братья" и "сестры".
Siblings — это узлы с одним и тем же родителем (в одном и том же списке childNodes).
Element Siblings — это элементы с одним и тем же родителем (в одном и том же списке children).
childNodes или children
childNodes возвращает дочерние узлы (узлы элементов, текстовые узлы и узлы комментариев).
children возвращает дочерние элементы (не текстовые узлы и узлы комментариев).
nextSibling или nextElementSibling
nextSibling возвращает следующий узел (узел элемента, текстовый узел или узел комментария). Пробелы между элементами также являются текстовыми узлами.
nextElementSibling возвращает следующий элемент (не текстовые узлы и узлы комментариев).
previousSibling или previousElementSibling
previousSibling возвращает предыдущий узел (узел элемента, текстовый узел или узел комментария). Пробелы между элементами также являются текстовыми узлами.
previousElementSibling возвращает предыдущий элемент (не текстовые узлы и узлы комментариев).
Синтаксис nextSibling
element.nextSibling
или
node.nextSibling
Возвращаемое значение nextSibling
| Тип | Описание |
|---|---|
| Node | Следующий родственник элемента.null if no next sibling exists. |
Поддержка nextSibling
element.nextSibling является особенностью DOM уровня 1 (1998).
Он полностью поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | 9-11 |