diff options
Diffstat (limited to 'files/pl/web/api/node/nextsibling/index.html')
| -rw-r--r-- | files/pl/web/api/node/nextsibling/index.html | 64 |
1 files changed, 64 insertions, 0 deletions
diff --git a/files/pl/web/api/node/nextsibling/index.html b/files/pl/web/api/node/nextsibling/index.html new file mode 100644 index 0000000000..0aa4a0ebfb --- /dev/null +++ b/files/pl/web/api/node/nextsibling/index.html @@ -0,0 +1,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><div id="div-01">Here is div-01</div> +<div id="div-02">Here is div-02</div> + +<script type="text/javascript"> + var el = document.getElementById('div-01').nextSibling; + document.write('<p>Rodzeństwo div-01</p><ol>'); + while (el) { + document.write('<li>' + el.nodeName + '</li>'); + el = el.nextSibling; + } + document.write('</ol>'); +</script> + +/************************************************** + 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><table> + <tr> + <td id="cell1">cell1</td> + <td id="cell2">cell2</td> + </tr> + <tr> + <td id="cell3">cell3</td><td id="cell4">cell4</td></tr> +</table> +</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> |