files/pl/web/api/node/nextsibling/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64

---
title: element.nextSibling
slug: Web/API/Node/nextSibling
tags:
  - DOM
  - Dokumentacja_Gecko_DOM
  - Gecko
  - Wszystkie_kategorie
translation_of: Web/API/Node/nextSibling
original_slug: Web/API/Element/nextSibling
---
<p>{{ ApiRef() }}</p>
<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3>
<p>Zwraca węzeł znajdujący się w drzewie bezpośrednio za węzłem bieżącym.</p>
<h3 id="Sk.C5.82adnia_i_warto.C5.9Bci" name="Sk.C5.82adnia_i_warto.C5.9Bci">Składnia i wartości</h3>
<pre class="eval"><i>następnyElement</i> = element.nextSibling
</pre>
<p><code>następnyElement</code> to węzeł bezpośrednio następny w liście rodzeństwa (np. liście dzieci węzła <code>parentNode</code>). Następnym węzłem jest na ogół węzeł elementu, komentarza lub węzeł tekstowy.</p>
<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3>
<pre>&lt;div id="div-01"&gt;Here is div-01&lt;/div&gt;
&lt;div id="div-02"&gt;Here is div-02&lt;/div&gt;

&lt;script type="text/javascript"&gt;
  var el = document.getElementById('div-01').nextSibling;
  document.write('&lt;p&gt;Rodzeństwo div-01&lt;/p&gt;&lt;ol&gt;');
  while (el) {
    document.write('&lt;li&gt;' + el.nodeName + '&lt;/li&gt;');
    el = el.nextSibling;
  }
  document.write('&lt;/ol&gt;');
&lt;/script&gt;

/**************************************************
  Po załadowaniu zostanie dopisane do strony:

     Rodzeństwo div-01

      1. #text
      2. DIV
      3. #text
      4. SCRIPT
      5. P
      6. OL
**************************************************/
</pre>
<p>Węzły tekstowe - <code>#text</code> - są w powyższym przykładzie wstawiane do modelu dokumentu w miejsce białych znaków między elementami (np. po znaczniku zamykającym jeden element, ale przed znacznikiem otwierającym następny element). Białe znaki nie są wstawiane przy wywołaniu <code>document.write</code>.</p>
<p>Poniższy przykład pokazuje, jak białe znaki wpływają na sąsiednie węzły komórek tabeli:</p>
<pre>&lt;table&gt;
  &lt;tr&gt;
    &lt;td id="cell1"&gt;cell1&lt;/td&gt;
    &lt;td id="cell2"&gt;cell2&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td id="cell3"&gt;cell3&lt;/td&gt;&lt;td id="cell4"&gt;cell4&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;
</pre>
<p><code>nextSibling</code> <code>cell1</code> to węzeł tekstowy. Między komórkami drugiego rzędu tabeli nie ma białych znaków, dlatego rodzeństwo <code>cell3</code> to tylko <code>cell4</code>. Podczas przechodzenia przez model dokumentu za pomocą <code>nextSibling</code> należy liczyć się z możliwością wystąpienia węzłów tekstowych.</p>
<h3 id="Uwagi" name="Uwagi">Uwagi</h3>
<p>Zwraca <code>null</code>, kiedy nie ma już więcej węzłów.</p>
<h3 id="Specyfikacja" name="Specyfikacja">Specyfikacja</h3>
<p><a class="external" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113/core.html#ID-6AC54C2F">nextSibling </a></p>
<div class="noinclude">
  </div>
<p>{{ languages( { "en": "en/DOM/element.nextSibling", "fr": "fr/DOM/element.nextSibling", "ja": "ja/DOM/element.nextSibling" } ) }}</p>