diff options
Diffstat (limited to 'files/pl/web/api/node/insertbefore/index.html')
| -rw-r--r-- | files/pl/web/api/node/insertbefore/index.html | 86 |
1 files changed, 86 insertions, 0 deletions
diff --git a/files/pl/web/api/node/insertbefore/index.html b/files/pl/web/api/node/insertbefore/index.html new file mode 100644 index 0000000000..27c40ad945 --- /dev/null +++ b/files/pl/web/api/node/insertbefore/index.html @@ -0,0 +1,86 @@ +--- +title: element.insertBefore +slug: Web/API/Element/insertBefore +tags: + - DOM + - Dokumentacja_Gecko_DOM + - Gecko + - Wszystkie_kategorie +translation_of: Web/API/Node/insertBefore +--- +<p>{{ ApiRef() }}</p> + +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> + +<p>Wstawia określony węzeł przed danym elementem jako dziecko aktualnego węzła.</p> + +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> + +<pre class="eval">var <em>wstawionyElement</em> =<em>elementRodzic</em>.insertBefore(<em>nowyElement</em>,<em>danyElement</em>) +</pre> + +<p>Jeżeli <var>danyElement</var> ma wartość <code>null</code>, <var>nowyElement</var> jest wstawiany na końcu listy węzłów potomnych.</p> + +<ul> + <li><code>nowyElement</code> Węzeł do wstawienia.</li> + <li><code>danyElement</code> Węzeł przed którym <code>nowyElement</code> ma zostać wstawiony.</li> + <li><code>elementRodzic</code> Rodzic nowo wstawianego elementu.</li> + <li><code>wstawionyElement</code> Węzeł, który jest wstawiany, czyli <code>nowyElement</code>.</li> +</ul> + +<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3> + +<pre> <html> + + <head> + <title>Gecko DOM insertBefore test</title> + </head> + + <body> + <div> + <span id="childSpan">foo bar</span> + </div> + + <script type="text/javascript"> + // tworzy pusty węzeł elementu + // bez ID, jakichkolwiek atrybutów lub jakiejkolwiek zawartości + var sp1 = document.createElement("span"); + + // daje to atrybut id nazwany 'newSpan' + sp1.setAttribute("id", "newSpan"); + + // tworzy jakąś zawartość dla nowo powstałego elementu. + var sp1_content = document.createTextNode("Jest to nowy element span. "); + + // zwraca się, która treść ma być do nowego elementu. + sp1.appendChild(sp1_content); + + var sp2 = document.getElementById("childSpan"); + var parentDiv = sp2.parentNode; + + // wstawia nowy element do DOM przed sp2 + parentDiv.insertBefore(sp1, sp2); + </script> + + </body> + </html> +</pre> + +<p>Nie istnieje metoda <code>insertAfter</code>, jednak można ją emulować poprzez kombinację <code>insertBefore</code> oraz <code><a href="pl/DOM/element.nextSibling">nextSibling</a></code>.</p> + +<p>W powyższym przykładzie, <code>sp1</code> może zostać wstawiona za <code>sp2</code> przy użyciu:</p> + +<pre class="eval">parentDiv.insertBefore(sp1, sp2.nextSibling); +</pre> + +<p>Jeżeli <code>sp2</code> nie posiada następnego rodzeństwa i musi być ostatnim potomnym —<code>sp2.nextSibling</code> to zwróci <code>null</code> więc <code>sp1</code> będzie wstawione na końcu listy węzłów potomnych (np. natychmiast po <code>sp2</code>).</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-952280727">insertBefore</a></p> + +<p> </p> + +<div class="noinclude"> </div> + +<p>{{ languages( { "en": "en/DOM/element.insertBefore", "fr": "fr/DOM/element.insertBefore", "ja": "ja/DOM/element.insertBefore", "pt": "pt/DOM/element.insertBefore" } ) }}</p> |