From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- files/ru/web/api/node/nextsibling/index.html | 83 ++++++++++++++++++++++++++++ 1 file changed, 83 insertions(+) create mode 100644 files/ru/web/api/node/nextsibling/index.html (limited to 'files/ru/web/api/node/nextsibling') diff --git a/files/ru/web/api/node/nextsibling/index.html b/files/ru/web/api/node/nextsibling/index.html new file mode 100644 index 0000000000..cc874be72e --- /dev/null +++ b/files/ru/web/api/node/nextsibling/index.html @@ -0,0 +1,83 @@ +--- +title: Node.nextSibling +slug: Web/API/Node/nextSibling +tags: + - API + - DOM + - Gecko + - Node + - Property + - Свойство + - Узел + - Узлы +translation_of: Web/API/Node/nextSibling +--- +
+
{{APIRef("DOM")}}
+
+ +

Свойство Node.nextSibling используется только для чтения и возвращает узел, непосредственно следующий за данным узлом в списке  {{domxref("Node.childNodes","childNodes")}} его родительского элемента, или null если данный узел последний в этом списке.

+ +

Синтаксис

+ +
nextNode = node.nextSibling
+
+ +

Заметки

+ +

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

+ +

Смотрите Пробел в DOM и + W3C DOM 3 FAQ: Почему некоторые текстовые узлы пустые? + для дополнительной информации.

+ +

Пример

+ +
<div id="div-01">Вот div-01</div>
+<div id="div-02">Вот div-02</div>
+
+<script type="text/javascript">
+var el = document.getElementById('div-01').nextSibling,
+    i = 1;
+
+console.log('Потомки div-01:');
+
+while (el) {
+  console.log(i + '. ' + el.nodeName);
+  el = el.nextSibling;
+  i++;
+}
+
+</script>
+
+/**************************************************
+  Следующий пример напишет в консоль:
+
+     Потомки div-01:
+
+      1. #text
+      2. DIV
+      3. #text
+      4. SCRIPT
+
+**************************************************/
+
+ +

В приведенном выше примере вы можете видеть, что #text узлы вставляются в DOM, где между тегами встречаются пробелы (т.е. после закрывающего тега элемента и до открывающего тега рядом). Не создается пробелов между элементами, вставленных с помощью document.write

+ +

Возможность включения текстовых узлов в DOM должна быть разрешена, когда DOM обходится с помощью nextSibling. Смотрите раздел "Заметки".

+ +

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

+ + + +

Смотрите также

+ + -- cgit v1.2.3-54-g00ecf