Узел: свойство nextSibling

Базовая реализация Широко доступна

Эта функция хорошо поддерживается и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с июля 2015 года.

Только для чтения nextSibling свойство интерфейса Node возвращает узел, непосредственно следующий за указанным узлом в списке потомков родительского элемента childNodes, или возвращает null если указанный узел является последним потомком родительского элемента.

Примечание: Браузеры вставляют узлы Text в документ для представления пробелов в исходном разметке. Поэтому узел, полученный, например, с помощью Node.firstChild или Node.previousSibling, может ссылаться на узел текста пробелов, а не на фактический элемент, который хотел получить автор.

Статья Пробелы в DOM содержит дополнительную информацию об этом поведении.

Вы можете использовать Element.nextElementSibling для получения следующего элемента, пропуская любые узлы пробелов, другие тексты между элементами или комментарии.

Для навигации в обратном направлении по списку дочерних узлов используйте Node.previousSibling.

Значение

A Node представляющий следующий брат текущего узла, или null если таких нет.

Пример

<div id="div-1">Here is div-1</div>
<div id="div-2">Here is div-2</div>
<br />
<output><em>Not calculated.</em></output>

let el = document.getElementById("div-1").nextSibling;
let i = 1;

let result = "Siblings of div-1:\n";

while (el) {
  result += `${i}. ${el.nodeName}\n`;
  el = el.nextSibling;
  i++;
}

const output = document.querySelector("output");
output.innerText = result;

Спецификации

Спецификация
DOM # ref-for-dom-node-nextsibling①

Совместимость с браузерами

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`nextSibling`	1	12	1	7	1.1	18	4	10.1	1	1.0	4.4

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Node/nextSibling