diff options
author | Florian Merz <me@fiji-flo.de> | 2021-02-11 14:49:24 +0100 |
---|---|---|
committer | Florian Merz <me@fiji-flo.de> | 2021-02-11 14:49:24 +0100 |
commit | de5c456ebded0e038adbf23db34cc290c8829180 (patch) | |
tree | 2819c07a177bb7ec5f419f3f6a14270d6bcd7fda /files/pl/web/api/node | |
parent | 8260a606c143e6b55a467edf017a56bdcd6cba7e (diff) | |
download | translated-content-de5c456ebded0e038adbf23db34cc290c8829180.tar.gz translated-content-de5c456ebded0e038adbf23db34cc290c8829180.tar.bz2 translated-content-de5c456ebded0e038adbf23db34cc290c8829180.zip |
unslug pl: move
Diffstat (limited to 'files/pl/web/api/node')
21 files changed, 1041 insertions, 0 deletions
diff --git a/files/pl/web/api/node/appendchild/index.html b/files/pl/web/api/node/appendchild/index.html new file mode 100644 index 0000000000..ae2b141231 --- /dev/null +++ b/files/pl/web/api/node/appendchild/index.html @@ -0,0 +1,52 @@ +--- +title: element.appendChild +slug: Web/API/Element/appendChild +tags: + - DOM + - Dokumentacja_Gecko_DOM + - Gecko + - Wszystkie_kategorie +translation_of: Web/API/Node/appendChild +--- +<p>{{ ApiRef() }}</p> + +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> + +<p>Metoda <code>Node.appendChild()</code> wstawia określony węzeł na koniec listy dzieci określonego rodzica. Jeśli węzeł ma już rodzica, jest on najpierw od niego oddzielany.</p> + +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> + +<pre class="eval"><em>var dziecko = element</em>.appendChild(<em>dziecko</em>) +</pre> + +<ul> + <li><code>element</code> jest rodzicem elementu.</li> + <li><code>dziecko</code> jest węzłem.</li> +</ul> + +<h3 id="Opis">Opis</h3> + +<p>Metoda <code>appendChild</code> zwraca referencję do dodanego węzła. </p> + +<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3> + +<pre>// Tworzy nowy element paragrafu +var p = document.createElement("p"); + +// Wstawia go na koniec ciała dokumentu +document.body.appendChild(p); +</pre> + +<p> </p> + +<h3 id="Uwagi" name="Uwagi">Uwagi</h3> + +<p><code>appendChild</code> jest jedną z fundamentalnych metod w programowaniu z użyciem DOM. Metoda ta wstawia nowy węzeł do struktury DOM dokumentu HTML. Jest to druga część procesu <em>stwórz-i-wstaw</em>, podstawowego przy programowym budowaniu strony. Inne związane z tym metody to <a href="/pl/DOM/element.insertBefore" title="pl/DOM/element.insertBefore">insertBefore</a>, <a href="/pl/DOM/element.replaceChild" title="pl/DOM/element.replaceChild">replaceChild</a> i <a href="/pl/DOM/element.removeChild" title="pl/DOM/element.removeChild">removeChild</a>.</p> + +<p>Jeśli <code>dziecko</code> jest referencją do węzła, który istnieje już w dokumencie, <code>appendChild</code> przenosi go z dotychczasowej pozycji w nowe miejsce (tj. nie ma potrzeby odzielać węzeł od jego rodzica przed wstawieniem go do innego węzła).</p> + +<h3 id="Specyfikacja" name="Specyfikacja">Specyfikacja</h3> + +<p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-184E7107">DOM Level 2 Core: appendChild</a></p> + +<p>{{ languages( { "en": "en/DOM/element.appendChild", "fr": "fr/DOM/element.appendChild", "ja": "ja/DOM/element.appendChild" } ) }}</p> diff --git a/files/pl/web/api/node/childnodes/index.html b/files/pl/web/api/node/childnodes/index.html new file mode 100644 index 0000000000..2f15d119e2 --- /dev/null +++ b/files/pl/web/api/node/childnodes/index.html @@ -0,0 +1,49 @@ +--- +title: element.childNodes +slug: Web/API/Element/childNodes +tags: + - DOM + - Dokumentacja_Gecko_DOM + - Gecko + - Wszystkie_kategorie +translation_of: Web/API/Node/childNodes +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p><b>childNodes </b> zwraca kolekcję węzłów-dzieci elementu.</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">var <var>listaWęzłów</var> = referencjaDoWęzłaElementu.childNodes; +</pre> +<p><var>listaWęzłów</var> to uporządkowana kolekcja obiektów węzłów, będącymi dziećmi bieżącego elementu. Jeśli element nie ma dzieci, <var>listaWęzłów</var> jest pusta.</p> +<p><var>listaWęzłów</var> to zmienna przechowująca listę węzłów. Lista taka ma typ <a class="external" href="http://www.w3.org/TR/2004/REC-DOM-Level-3-Core-20040407/core.html#ID-536297177">NodeList</a>. Właściwość <code>childNodes</code> jest tylko do odczytu.</p> +<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3> +<pre>// parg to referencja do obiektu elementu <p> +if (parg.hasChildNodes()) +// sprawdzamy czy obiekt nie jest pusty - czy ma dzieci + { + var children = parg.childNodes; + for (var i = 0; i < children.length; i++) + { + // zrob cos z kazdym dzieckiem jako children[i] + // uwaga: lista "żyje", dodawanie bądź usuwanie dzieci ją zmieni + }; + }; +</pre> +<pre>// sposób na usunięcie wszystkich dzieci węzła +// box to referencja do obiektu elementu, który ma dzieci +while (box.firstChild) + { + //lista jest "żywa", więc będzie przeindeksowana po każdym wywołaniu + box.removeChild(box.firstChild); + }; +</pre> +<h3 id="Uwagi" name="Uwagi">Uwagi</h3> +<p>Elementy kolekcji węzłów są obiektami, a nie łańcuchami. By pobrać dane z tych obiektów, musisz użyć ich atrybutów (np. <code>referencjaDoWęzłaElementu.childNodes{{ mediawiki.external(1) }}.nodeName</code> by pobrać nazwę).</p> +<p>Obiekt <code>document</code> ma dwoje dzieci: deklarację DOCTYPE i element <code>HTML</code>.</p> +<h3 id="Specyfikacja" name="Specyfikacja">Specyfikacja</h3> +<ul> + <li><a class="external" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113/core.html#ID-1451460987">W3C DOM 2 Core: childNodes</a></li> + <li><a class="external" href="http://www.w3.org/TR/2004/REC-DOM-Level-3-Core-20040407/core.html#ID-1451460987">W3C DOM 3 Core: childNodes</a></li> + <li><a class="external" href="http://www.w3.org/TR/2004/REC-DOM-Level-3-Core-20040407/core.html#ID-536297177">W3C DOM 3 NodeList interface</a></li> +</ul> +<p>{{ languages( { "en": "en/DOM/element.childNodes", "fr": "fr/DOM/element.childNodes", "ja": "ja/DOM/element.childNodes", "zh-cn": "cn/DOM/element.childNodes" } ) }}</p> diff --git a/files/pl/web/api/node/clonenode/index.html b/files/pl/web/api/node/clonenode/index.html new file mode 100644 index 0000000000..eb0550678b --- /dev/null +++ b/files/pl/web/api/node/clonenode/index.html @@ -0,0 +1,32 @@ +--- +title: element.cloneNode +slug: Web/API/Element/clientNode +tags: + - DOM + - Dokumentacja_Gecko_DOM + - Gecko + - Wszystkie_kategorie +translation_of: Web/API/Node/cloneNode +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p>Metoda <b>cloneNode</b> zwraca kopię bieżącego węzła.</p> +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> +<pre class="eval">kopiaWęzła = element.cloneNode(<i>głębokość</i>) +</pre> +<h3 id="Parametry" name="Parametry">Parametry</h3> +<ul> + <li><code>głębokość</code> jest wartością logiczną, oznaczającą, czy kopiowanie ma być głębokie czy nie (zob. uwagi poniżej)</li> +</ul> +<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3> +<pre>p = document.getElementById("para1"); +p_prime = p.cloneNode(true); +</pre> +<h3 id="Uwagi" name="Uwagi">Uwagi</h3> +<p>Kopia węzła zwrócona przez <b>cloneNode()</b> nie ma rodzica. Podczas klonowania węzła skopiowane zostają wszystkie jego atrybuty i ich wartości, ale nie zostaje skopiowana treść zawarta w węźle, ponieważ treść ta przechowywana jest w węźle potomnym typu <code>Text</code>.</p> +<p>Głębokie klonowanie kopiuje i zwraca węzeł wraz z całym drzewem pod nim się znajdującym (w tym treścią z potomnych węzłów <code>Text</code>) .</p> +<h3 id="Specyfikacja" name="Specyfikacja">Specyfikacja</h3> +<p><a class="external" href="http://w3.org/TR/DOM-Level-2-Core/core.html#ID-3A0ED0A4">DOM Level 2 Core: cloneNode</a></p> +<div class="noinclude"> + </div> +<p>{{ languages( { "en": "en/DOM/element.cloneNode", "fr": "fr/DOM/element.cloneNode", "ja": "ja/DOM/element.cloneNode", "pt": "pt/DOM/element.cloneNode", "zh-cn": "cn/DOM/element.cloneNode" } ) }}</p> diff --git a/files/pl/web/api/node/firstchild/index.html b/files/pl/web/api/node/firstchild/index.html new file mode 100644 index 0000000000..20189ce803 --- /dev/null +++ b/files/pl/web/api/node/firstchild/index.html @@ -0,0 +1,101 @@ +--- +title: element.firstChild +slug: Web/API/Element/firstChild +tags: + - DOM + - Dokumentacja_Gecko_DOM + - Gecko + - Wszystkie_kategorie +translation_of: Web/API/Node/firstChild +--- +<p>{{ ApiRef() }}</p> + +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> + +<p><strong>firstChild</strong> jest właściwością tylko do odczytu, która zwraca pierwszego potomka węzła lub wartość null, jeżeli węzeł nie ma potomków. Jeżeli węzeł jest elementem Document, wtedy zwraca pierwszy węzeł z listy swoich bezpośrednich dzieci.</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="notranslate">var elt = element.firstChild; +</pre> + +<p><var>elt</var> to referencja do pierwszego dziecka elementu, jeśli jest takie - w przeciwnym razie jest to null.</p> + +<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3> + +<p>Przeglądarki oparte o Gecko wstawiają do dokumentu węzły tekstowe reprezentujące białe znaki w kodzie. Dlatego pierwsze dziecko elementu może odnosić się do wstawionego węzła tekstowego, a nie elementu określonego przez następny znacznik w źródle strony.</p> + +<pre class="notranslate"><p id="para-01"> + <span>Pierwszy span</span> +</p> + +<script type="text/javascript"> + var p01 = document.getElementById('para-01'); + alert(p01.firstChild.nodeName) +</script> +</pre> + +<p>W powyższym przykładzie alert wyświetli '#text', ponieważ wstawiony jest węzeł tekstowy oznaczający przerwę między otwierającymi znacznikami <p> i <span> . Dowolny biały znak spowoduje wstawienie węzła tekstowego - zarówno pojedyncza spacja, jak i dowolna ilość spacji, nowych linii, znaków tabulacji itd.</p> + +<p>Kolejny węzeł #text jest wstawiany między zamykającymi znacznikami </span> i </p></p> + +<p>Jeśli usunie się białe znaki ze źródła, nie zostaną wstawione węzły tekstowe, a element <code>span</code> stanie się pierwszym dzieckiem paragrafu.</p> + +<pre class="notranslate"><p id="para-01"><span>Pierwszy span</span></p> + +<script type="text/javascript"> + var p01 = document.getElementById('para-01'); + alert(p01.firstChild.nodeName) +</script> +</pre> + +<p>Teraz alert wyświetli 'SPAN'.</p> + +<h3 id="Uwagi" name="Uwagi">Uwagi</h3> + +<p>Więcej o problemach z węzłami-zjawami znajdziesz w {{ Bug(26179) }} (nie komentuj tego błędu!). Oto jeden ze sposobów na ominięcie problemu:</p> + +<pre class="notranslate"><!-- konwencjonalne formatowanie prowadzi do + zaśmiecenia drzewa dokumentu w Gecko + --> +<div> + <ul> + <li>Pozycja 1</li> + <li>Pozycja 2</li> + <li>Pozycja 3</li> + </ul> +</div> + +<!-- Formatowanie ustawione, by ominąć + problem węzłów-zjaw + --> +<div + ><ul + ><li>Pozycja 1</li + ><li>Pozycja 2</li + ><li>Pozycja 3</li + ></ul +></div> +</pre> + +<h4 id="W.C4.99z.C5.82y_bezdzietne" name="W.C4.99z.C5.82y_bezdzietne">Węzły bezdzietne</h4> + +<p>Własność zwraca <code>null</code>, jeśli bieżący węzeł jest bezdzietny.</p> + +<h4 id="Bia.C5.82e_znaki_i_w.C4.99z.C5.82y_dzieci" name="Bia.C5.82e_znaki_i_w.C4.99z.C5.82y_dzieci">Białe znaki i węzły dzieci</h4> + +<p>Węzły #text mogą być wstawione jako dzieci elementów takich jak TR pomimo że specyfikacja HTML pozwala tylko na TD jako ich dzieci. Z uwagi na XML białe znaki muszą zostać zachowane i gdzieś wstawione.</p> + +<p>Ponieważ węzły #text nie są elementami HTML, białe znaki są tam wstawiane.</p> + +<p><a class="external" href="http://www.w3.org/DOM/faq.html#emptytext">W3C DOM 3 FAQ: Why are some Text nodes empty?</a></p> + +<h3 id="Specyfikacja" name="Specyfikacja">Specyfikacja</h3> + +<p><a class="external" href="http://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html#attribute-firstChild">DOM Level 1 Core: firstChild</a></p> + +<p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-169727388">DOM Level 2 Core: firstChild</a></p> + +<div class="noinclude"></div> + +<p>{{ languages( { "en": "en/DOM/element.firstChild", "fr": "fr/DOM/element.firstChild", "ja": "ja/DOM/element.firstChild", "zh-cn": "cn/DOM/element.firstChild" } ) }}</p> diff --git a/files/pl/web/api/node/haschildnodes/index.html b/files/pl/web/api/node/haschildnodes/index.html new file mode 100644 index 0000000000..e21f22dedf --- /dev/null +++ b/files/pl/web/api/node/haschildnodes/index.html @@ -0,0 +1,28 @@ +--- +title: element.hasChildNodes +slug: Web/API/Element/hasChildNodes +tags: + - DOM + - Dokumentacja_Gecko_DOM + - Gecko + - Wszystkie_kategorie +translation_of: Web/API/Node/hasChildNodes +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p><b>hasChildNodes</b> zwraca wartość logiczną określającą, czy element posiada dzieci czy nie.</p> +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> +<pre class="eval">[ true | false ] = element.hasChildNodes() +</pre> +<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3> +<pre>t1 = document.getElementById("table-data"); +if ( t1.hasChildNodes() ) { + // tabela ma dzieci } +</pre> +<h3 id="Uwagi" name="Uwagi">Uwagi</h3> +<p>Zauważ, że składnia <code>element.hasChildNodes</code> - bez nawiasów <code>()</code> - jest nieprawidłowa. Takie użycie zawsze zwraca <code>true</code>, oznaczające, że metoda o tej nazwie jest dostępna w obiekcie. Nie daj się nabrać.</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-810594187">hasChildNodes </a></p> +<div class="noinclude"> + </div> +<p>{{ languages( { "en": "en/DOM/element.hasChildNodes", "fr": "fr/DOM/element.hasChildNodes", "ja": "ja/DOM/element.hasChildNodes" } ) }}</p> 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> diff --git a/files/pl/web/api/node/lastchild/index.html b/files/pl/web/api/node/lastchild/index.html new file mode 100644 index 0000000000..34475c02d7 --- /dev/null +++ b/files/pl/web/api/node/lastchild/index.html @@ -0,0 +1,28 @@ +--- +title: element.lastChild +slug: Web/API/Element/lastChild +tags: + - DOM + - Dokumentacja_Gecko_DOM + - Gecko + - Wszystkie_kategorie +translation_of: Web/API/Node/lastChild +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p><b>lastChild</b> zwraca ostatnie dziecko węzła.</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>ostatnieDziecko</i> = element.lastChild +</pre> +<p><code>ostatnieDziecko</code> to węzeł. Jeśli jego rodzicem jest element, dzieckiem 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>tr = document.getElementById("row1"); +td_róg = tr.lastChild; +</pre> +<h3 id="Uwagi" name="Uwagi">Uwagi</h3> +<p>Jeżeli nie ma węzłów potomnych, zwracane jest <code>null</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-61AD09FB">lastChild </a></p> +<div class="noinclude"> + </div> +<p>{{ languages( { "en": "en/DOM/element.lastChild", "fr": "fr/DOM/element.lastChild", "ja": "ja/DOM/element.lastChild" } ) }}</p> diff --git a/files/pl/web/api/node/localname/index.html b/files/pl/web/api/node/localname/index.html new file mode 100644 index 0000000000..55b5649e31 --- /dev/null +++ b/files/pl/web/api/node/localname/index.html @@ -0,0 +1,64 @@ +--- +title: element.localName +slug: Web/API/Element/localName +tags: + - DOM + - Dokumentacja_Gecko_DOM + - Gecko + - Wszystkie_kategorie +translation_of: Web/API/Node/localName +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p><b>localName</b> zwraca lokalną część uściślonej nazwy węzła.</p> +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> +<pre class="eval"><i>nazwa</i> = element.localName +</pre> +<h3 id="Parametry" name="Parametry">Parametry</h3> +<ul> + <li><code>nazwa</code> to ciąg z lokalną nazwą węzła (zobacz {{ Anch("Uwagi") }} poniżej, aby dowiedzieć się więcej)</li> +</ul> +<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3> +<p>(Musi obsługiwać treść XML typu, jak <tt>text/xml</tt> lub <tt>application/xhtml+xml</tt>.)</p> +<pre class="eval"><html xmlns="<span class="nowiki">http://www.w3.org/1999/xhtml</span>" + xmlns:svg="<span class="nowiki">http://www.w3.org/2000/svg</span>"> +<head> + <script><![CDATA[ + function test() { + var text = document.getElementById('text'); + var circle = document.getElementById('circle'); + + text.value = "<svg:circle> has:\n" + + "localName = '" + circle.localName + "'\n" + + "namespaceURI = '" + circle.namespaceURI + "'"; + } + ]]></script> +</head> +<body onload="test()"> + <textarea id="text" rows="4" cols="55"/> + <svg:svg version="1.1" + style="width:100%; height:100%; position:absolute; top:0; left:0; z-index:0;" + viewBox="0 0 100 100"> + <svg:circle cx="50" cy="50" r="30" style="fill:#aaa" id="circle"/> + </svg:svg> +</body> +</html> +</pre> +<h3 id="Uwagi" name="Uwagi">Uwagi</h3> +<p>Dla węzłów typu innego niż <code>ELEMENT_NODE</code> i <code>ATTRIBUTE_NODE</code> oraz dla węzłów utworzonych za pomocą metod DOM Level 1, jak na przykład <code><a href="pl/DOM/document.createElement">document.createElement</a></code>, własność ta ma zawsze wartość <code>NULL</code>.</p> +<p><b>localname</b> węzła to ta część uściślonej nazwy węzła, która znajduje się po dwukropku. Uściślone nazwy są zwykle używane w XML jako część przestrzeni nazw w poszczególnych dokumentach XML. Na przykład w uściślonej nazwie "ecomm:partners" nazwa lokalna to "partners", a "ecomm" to prefiks.</p> +<pre><ecomm:business id="soda_shop" type="brick_n_mortar"> + <ecomm:partners> + <ecomm:partner id="1001">Tony's Syrup Warehouse + </ecomm:partner> + </ecomm:partner> +</ecomm:business> +</pre> +<p>Prefiks - w tym wypadku "ecomm" - określa przestrzeń nazw, w której można użyć nazwy lokalnej.</p> +<h3 id="Zobacz_tak.C5.BCe" name="Zobacz_tak.C5.BCe">Zobacz także</h3> +<p><a href="pl/DOM/element.namespaceURI">element.namespaceURI</a></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-NodeNSLocalN">localName </a></p> +<div class="noinclude"> + </div> +<p>{{ languages( { "en": "en/DOM/element.localName", "fr": "fr/DOM/element.localName", "ja": "ja/DOM/element.localName" } ) }}</p> diff --git a/files/pl/web/api/node/namespaceuri/index.html b/files/pl/web/api/node/namespaceuri/index.html new file mode 100644 index 0000000000..9f252ba570 --- /dev/null +++ b/files/pl/web/api/node/namespaceuri/index.html @@ -0,0 +1,39 @@ +--- +title: element.namespaceURI +slug: Web/API/Element/namespaceURI +tags: + - DOM + - Dokumentacja_Gecko_DOM + - Gecko + - Wszystkie_kategorie +translation_of: Web/API/Node/namespaceURI +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p>Zwraca URI przestrzeni nazw tego węzła lub NULL, jeśli jej nie określono.</p> +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> +<pre class="eval"><i>przestrzeńNazw</i> = element.namespaceURI +</pre> +<h3 id="Parametry" name="Parametry">Parametry</h3> +<ul> + <li><code>przestrzeńNazw</code> to ciąg znaków reprezentujący URI przestrzeni nazw bieżącego węzła.</li> +</ul> +<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3> +<p>W poniższym wycinku kodu sprawdzane są <code>localName</code> i <code>namespaceURI</code> węzła. Jeśli <code>namespaceURI</code> jest zgodny ze zmienną zawierającą przestrzeń nazw dla XUL, węzeł jest uznawany za widget <browser /> w języku XUL.</p> +<pre>if (node.localName == "browser" + && node.namespaceURI == kXULNSURI) { +// xul browser +this.viewee = node.webNavigation.document; +//... +} +</pre> +<h3 id="Uwagi" name="Uwagi">Uwagi</h3> +<p>Nie jest to wyznaczona wartość, będąca rezultatem przeszukiwania w oparciu o deklaracje przestrzeni nazw w zakresie, w jakim znajduje się element. Jest to jedynie URI takiej przestrzeni nazw, jaką nadano w momencie tworzenia elementu.</p> +<p>Dla węzłow typów innych niż <code>ELEMENT_NODE</code> i <code>ATTRIBUTE_NODE</code> oraz węzłów utworzonych metodami DOM Level 1, jak <a href="pl/DOM/document.createElement">document.createElement</a>, wartość tej właściwości to zawsze NULL.</p> +<p>Zgodnie ze specyfikacją <a class="external" href="http://www.w3.org/TR/REC-xml-names">Namespaces in XML</a> atrybut nie dziedziczy przestrzeni nazw po elemencie, do którego jest przypisany. Jeśli atrybut nie ma bezpośrednio nadanej przestrzeni nazw, po prostu nie należy do żadnej przestrzeni.</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-NodeNSname">namespaceURI</a></p> +<p><a class="external" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113/core.html#Namespaces-Considerations">Przestrzenie nazw XML</a></p> +<div class="noinclude"> + </div> +<p>{{ languages( { "en": "en/DOM/element.namespaceURI", "fr": "fr/DOM/element.namespaceURI", "ja": "ja/DOM/element.namespaceURI" } ) }}</p> 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..17f1822a56 --- /dev/null +++ b/files/pl/web/api/node/nextsibling/index.html @@ -0,0 +1,63 @@ +--- +title: element.nextSibling +slug: Web/API/Element/nextSibling +tags: + - DOM + - Dokumentacja_Gecko_DOM + - Gecko + - Wszystkie_kategorie +translation_of: Web/API/Node/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> diff --git a/files/pl/web/api/node/nodename/index.html b/files/pl/web/api/node/nodename/index.html new file mode 100644 index 0000000000..93a54424a6 --- /dev/null +++ b/files/pl/web/api/node/nodename/index.html @@ -0,0 +1,98 @@ +--- +title: element.nodeName +slug: Web/API/Element/nodeName +tags: + - DOM + - Dokumentacja_Gecko_DOM + - Gecko + - Wszystkie_kategorie +translation_of: Web/API/Node/nodeName +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p>Zwraca nazwę węzła jako ciąg znaków.</p> +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> +<pre class="eval"><i>nazwa</i> = element.nodeName +</pre> +<p> + <i> + nazwa</i> + to ciąg znaków reprezentujący nazwę bieżącego elementu. <code>nodeName</code> to atrybut tylko do odczytu.</p> +<h3 id="Uwagi" name="Uwagi">Uwagi</h3> +<p>Poniżej przedstawione są wartości zwracane dla różnych typów węzłów:</p> +<table class="standard-table"> + <tbody> + <tr> + <th class="header" style="text-align: center;">Interfejs</th> + <th class="header" style="text-align: center;">nodeName</th> + </tr> + <tr> + <td><a href="pl/DOM/Attr">Attr</a></td> + <td>tak samo jak <code><a href="pl/DOM/Attr.name">Attr.name</a></code></td> + </tr> + <tr> + <td><a href="pl/DOM/CDATASection">CDATASection</a></td> + <td>"#cdata-section"</td> + </tr> + <tr> + <td><a href="pl/DOM/Comment">Comment</a></td> + <td>"#comment"</td> + </tr> + <tr> + <td><a href="pl/DOM/Document">Document</a></td> + <td>"#document"</td> + </tr> + <tr> + <td><a href="pl/DOM/DocumentFragment">DocumentFragment</a></td> + <td>"#document-fragment"</td> + </tr> + <tr> + <td><a href="pl/DOM/DocumentType">DocumentType</a></td> + <td>tak samo jak <code><a href="pl/DOM/DocumentType.name">DocumentType.name</a></code></td> + </tr> + <tr> + <td><a href="pl/DOM/Element">Element</a></td> + <td>tak samo jak <code><a href="pl/DOM/element.tagName">Element.tagName</a></code></td> + </tr> + <tr> + <td><a href="pl/DOM/Entity">Entity</a></td> + <td>nazwa encji</td> + </tr> + <tr> + <td><a href="pl/DOM/EntityReference">EntityReference</a></td> + <td>nazwa refernecji do encji</td> + </tr> + <tr> + <td><a href="pl/DOM/Notation">Notation</a></td> + <td>nazwa notacji</td> + </tr> + <tr> + <td><a href="pl/DOM/ProcessingInstruction">ProcessingInstruction</a></td> + <td>tak samo jak <code><a href="pl/DOM/ProcessingInstruction.target">ProcessingInstruction.target</a></code></td> + </tr> + <tr> + <td>Text</td> + <td>"#text"</td> + </tr> + </tbody> +</table> +<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3> +<p>Dane są poniższe znaczniki</p> +<pre><div id="d1">hello world</div> +<input type="text" id="t"/> +</pre> +<p>i taki skrypt:</p> +<pre>var div1 = document.getElementById("d1"); +var poleTekstowe = document.getElementById("t"); +poleTekstowe.value = div1.nodeName; +</pre> +<p>W XHTML-u (lub innym formacie XML) wartość pola tekstowego to "div". W HTML wartość ta to "DIV".</p> +<p>Zauważ, że można było użyć właściwości <code><a href="pl/DOM/element.tagName">tagName</a></code>, ponieważ dla elementów <code>nodeName</code> ma taką samą wartość jak <code>tagName</code>.</p> +<h3 id="Specyfikacja" name="Specyfikacja">Specyfikacja</h3> +<p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-F68D095">W3C DOM Level 2 Core: nodeName</a></p> +<p><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Core/core.html#ID-F68D095">W3C DOM Level 3 Core: nodeName</a></p> +<p> </p> +<p> </p> +<div class="noinclude"> + </div> +<p>{{ languages( { "en": "en/DOM/element.nodeName", "es": "es/DOM/element.nodeName", "fr": "fr/DOM/element.nodeName", "it": "it/DOM/element.nodeName", "ja": "ja/DOM/element.nodeName" } ) }}</p> diff --git a/files/pl/web/api/node/nodetype/index.html b/files/pl/web/api/node/nodetype/index.html new file mode 100644 index 0000000000..8f3825ea86 --- /dev/null +++ b/files/pl/web/api/node/nodetype/index.html @@ -0,0 +1,44 @@ +--- +title: element.nodeType +slug: Web/API/Element/nodeType +tags: + - DOM + - Dokumentacja_Gecko_DOM + - Gecko + - Wszystkie_kategorie +translation_of: Web/API/Node/nodeType +--- +<div> + {{ApiRef}}</div> +<h2 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h2> +<p>Zwraca kod reprezentujący typ węzła.</p> +<h2 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h2> +<pre class="syntaxbox"><var>typ</var> = document.nodeType +</pre> +<p><code>typ</code> jest zmienną liczbową typu <code>unsigned short</code> o jednej z poniższych wartości:</p> +<ul> + <li>Node.ELEMENT_NODE == 1</li> + <li>Node.ATTRIBUTE_NODE == 2</li> + <li>Node.TEXT_NODE == 3</li> + <li>Node.CDATA_SECTION_NODE == 4</li> + <li>Node.ENTITY_REFERENCE_NODE == 5</li> + <li>Node.ENTITY_NODE == 6</li> + <li>Node.PROCESSING_INSTRUCTION_NODE == 7</li> + <li>Node.COMMENT_NODE == 8</li> + <li>Node.DOCUMENT_NODE == 9</li> + <li>Node.DOCUMENT_TYPE_NODE == 10</li> + <li>Node.DOCUMENT_FRAGMENT_NODE == 11</li> + <li>Node.NOTATION_NODE == 12</li> +</ul> +<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3> +<p>Ten przykład sprawdza czy pierwszy węzeł wewnątrz elementu document jest comment node, i jeśli nie jest, wyświetli wiadomość.</p> +<pre class="brush:js">var node = document.documentElement.firstChild; + +if(node.nodeType != Node.COMMENT_NODE) + alert("You should comment your code well!"); +</pre> +<h2 id="Specyfikacja" name="Specyfikacja">Specyfikacja</h2> +<ul> + <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-111237558">DOM Level 2 Core: nodeType</a></li> + <li><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Core/core.html#ID-111237558">DOM Level 3 Core: nodeType</a></li> +</ul> diff --git a/files/pl/web/api/node/nodevalue/index.html b/files/pl/web/api/node/nodevalue/index.html new file mode 100644 index 0000000000..205871bba3 --- /dev/null +++ b/files/pl/web/api/node/nodevalue/index.html @@ -0,0 +1,85 @@ +--- +title: Node.nodeValue +slug: Web/API/Element/nodeValue +tags: + - DOM + - Dokumentacja_Gecko_DOM + - Gecko + - Wszystkie_kategorie +translation_of: Web/API/Node/nodeValue +--- +<div> + {{APIRef}}</div> +<div> + </div> +<div> + <span style="font-size: 2.14285714285714rem; font-weight: 700; letter-spacing: -1px; line-height: 30px;">Podsumowanie</span></div> +<p>Zwraca wartość bieżącego węzła.</p> +<h2 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h2> +<pre class="syntaxbox"><var>wartość</var> = document.nodeValue +</pre> +<p><code>wartość</code> to ciąg znaków reprezentujący wartość elementu, jeśli taka istnieje.</p> +<h2 id="Uwagi" name="Uwagi">Uwagi</h2> +<p>Dla dokumentu <code>nodeValue</code> zwraca <code>null</code>. Dla węzłów tekstowych, komentarzy i CDATA <code>nodeValue</code> zwraca zawartość węzła. Dla węzłów atrybutów, zwracana jest wartość atrybutu.</p> +<p>Poniższa tabela przedstawia wartości zwracane dla różnych interfejsów:</p> +<table class="standard-table"> + <tbody> + <tr> + <th class="header" style="text-align: center;">Interfejs</th> + <th class="header" style="text-align: center;">nodeValue</th> + </tr> + <tr> + <td>Attr</td> + <td>wartość atrybutu</td> + </tr> + <tr> + <td>CDATASection</td> + <td>treść sekcji CDATA</td> + </tr> + <tr> + <td>Comment</td> + <td>treść komentarza</td> + </tr> + <tr> + <td>Document</td> + <td>null</td> + </tr> + <tr> + <td>DocumentFragment</td> + <td>null</td> + </tr> + <tr> + <td>DocumentType</td> + <td>null</td> + </tr> + <tr> + <td>Element</td> + <td>null</td> + </tr> + <tr> + <td>NamedNodeMap</td> + <td>null</td> + </tr> + <tr> + <td>EntityReference</td> + <td>null</td> + </tr> + <tr> + <td>Notation</td> + <td>null</td> + </tr> + <tr> + <td>ProcessingInstruction</td> + <td>cała treść, wyłączając cel</td> + </tr> + <tr> + <td>Text</td> + <td>treść węzła tekstowego</td> + </tr> + </tbody> +</table> +<p>Jeśli <code>nodeValue</code> z definicji ma wartość <code>null</code>, ustawianie tej właściwości nie będzie mieć efektu.</p> +<h2 id="Specyfikacja" name="Specyfikacja">Specyfikacja</h2> +<ul> + <li><a class="external" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113/core.html#ID-F68D080">nodeValue </a></li> +</ul> diff --git a/files/pl/web/api/node/normalize/index.html b/files/pl/web/api/node/normalize/index.html new file mode 100644 index 0000000000..4dac3822cc --- /dev/null +++ b/files/pl/web/api/node/normalize/index.html @@ -0,0 +1,22 @@ +--- +title: element.normalize +slug: Web/API/Element/normalize +tags: + - DOM + - Dokumentacja_Gecko_DOM + - Gecko + - Wszystkie_kategorie +translation_of: Web/API/Node/normalize +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p>Metoda zapisuje określony węzeł i całe jego poddrzewo w "znormalizowanej" formie. W znormalizowanym poddrzewie żaden węzeł tekstowy nie jest pusty, nie ma również sąsiednich węzłów tekstowych.</p> +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> +<pre class="eval">element.normalize() +</pre> +<h3 id="Uwagi" name="Uwagi">Uwagi</h3> +<h3 id="Specyfikacja" name="Specyfikacja">Specyfikacja</h3> +<p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-normalize">DOM Level 2 Core: Node.normalize</a></p> +<div class="noinclude"> + </div> +<p>{{ languages( { "en": "en/DOM/element.normalize", "fr": "fr/DOM/element.normalize" } ) }}</p> diff --git a/files/pl/web/api/node/ownerdocument/index.html b/files/pl/web/api/node/ownerdocument/index.html new file mode 100644 index 0000000000..0ecbed4869 --- /dev/null +++ b/files/pl/web/api/node/ownerdocument/index.html @@ -0,0 +1,30 @@ +--- +title: element.ownerDocument +slug: Web/API/Element/ownerDocument +tags: + - DOM + - Dokumentacja_Gecko_DOM + - Gecko + - Wszystkie_kategorie +translation_of: Web/API/Node/ownerDocument +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p>Własność <b>ownerDocument</b> zwraca obiekt najwyższego poziomu - dokument, w którym znajduje się bieżący węzeł.</p> +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> +<pre class="eval"><i>dokument</i> = element.ownerDocument +</pre> +<p><code>dokument</code> to obiekt <code>document</code>, będący rodzicem bieżącego elementu.</p> +<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3> +<pre>// dla danego elementu "p" znajdź element HTML najwyższego poziomu +d = p.ownerDocument; +html = d.documentElement; +</pre> +<h3 id="Uwagi" name="Uwagi">Uwagi</h3> +<p>Obiekt <code>document</code> zwracany przez tę własność jest głównym obiektem, w którym tworzone są wszystkie węzły-dzieci właściwego dokumentu HTML. Własność ta użyta na węźle, który sam jest dokumentem, zwraca <code>NULL</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#node-ownerDoc">ownerDocument </a></p> +<p> </p> +<div class="noinclude"> + </div> +<p>{{ languages( { "en": "en/DOM/element.ownerDocument", "fr": "fr/DOM/element.ownerDocument", "ja": "ja/DOM/element.ownerDocument" } ) }}</p> diff --git a/files/pl/web/api/node/parentnode/index.html b/files/pl/web/api/node/parentnode/index.html new file mode 100644 index 0000000000..ec9bbceda0 --- /dev/null +++ b/files/pl/web/api/node/parentnode/index.html @@ -0,0 +1,34 @@ +--- +title: element.parentNode +slug: Web/API/Element/parentNode +tags: + - DOM + - Dokumentacja_Gecko_DOM + - Gecko + - Wszystkie_kategorie +translation_of: Web/API/Node/parentNode +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p>Własność <b>parentNode</b> zwraca rodzica bieżącego elementu.</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>rodzic</i> = element.parentNode +</pre> +<p><code>rodzic</code> jest rodzicem bieżącego węzła. Rodzicem elementu jest węzeł typu <code>Element</code>, <code>Document</code> lub <code>DocumentFragment</code>.</p> +<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3> +<pre>text_field = document.getElementById("t"); +if ( div1.parentNode == document ){ + text_field.setAttribute("value", "top-level"); + // pole tekstowe wyświetli tekst "top-level" } +</pre> +<h3 id="Uwagi" name="Uwagi">Uwagi</h3> +<p><code>parentNode</code> zwraca <code>null</code> dla poniższych typów węzłów: <code>Attr</code>, <code>Document</code>, <code>DocumentFragment</code>, <code>Entity</code> i <code>Notation</code>.</p> +<p><code>null</code> zwracane jest także, gdy węzeł został utworzony, ale nie przypisano go jeszcze do drzewa.</p> +<h3 id="Zobacz_tak.C5.BCe" name="Zobacz_tak.C5.BCe">Zobacz także</h3> +<p>{{ Domxref("element.firstChild") }}, {{ Domxref("element.lastChild") }}, {{ Domxref("element.childNodes") }}, {{ Domxref("element.nextSibling") }}, {{ Domxref("element.previousSibling") }}.</p> +<h3 id="Specyfikacja" name="Specyfikacja">Specyfikacja</h3> +<p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-1060184317">DOM Level 2 Core: Node.parentNode</a></p> +<p> </p> +<div class="noinclude"> + </div> +<p>{{ languages( { "en": "en/DOM/element.parentNode", "fr": "fr/DOM/element.parentNode", "it": "it/DOM/element.parentNode", "ja": "ja/DOM/element.parentNode" } ) }}</p> diff --git a/files/pl/web/api/node/prefix/index.html b/files/pl/web/api/node/prefix/index.html new file mode 100644 index 0000000000..c5ecdac392 --- /dev/null +++ b/files/pl/web/api/node/prefix/index.html @@ -0,0 +1,28 @@ +--- +title: element.prefix +slug: Web/API/Element/prefix +tags: + - DOM + - Dokumentacja_Gecko_DOM + - Gecko + - Wszystkie_kategorie +translation_of: Web/API/Node/prefix +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p><code>prefix</code> zwraca prefiks przestrzeni nazw węzła lub <code>null</code>, jeśli nie określono prefiksu.</p> +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> +<pre class="eval"><i>string</i> = element.prefix +element.prefix =<i>string</i> +</pre> +<h3 id="Przyk.C5.82ady" name="Przyk.C5.82ady">Przykłady</h3> +<pre class="eval"><x:div onclick="alert(this.prefix)"/> +</pre> +<p>Wyświetlone zostanie "x".</p> +<h3 id="Uwagi" name="Uwagi">Uwagi</h3> +<p>Własność ta działa tylko wtedy, gdy używany jest parser przetwarzający przestrzenie nazw, tj. gdy dokument serwowany jest z typem MIME XML. Własność nie działa dla dokumentów HTML.</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-NodeNSPrefix">Node.prefix</a> (wprowadzona w DOM2)</p> +<div class="noinclude"> + </div> +<p>{{ languages( { "en": "en/DOM/element.prefix", "fr": "fr/DOM/element.prefix", "it": "it/DOM/element.prefix", "ja": "ja/DOM/element.prefix" } ) }}</p> diff --git a/files/pl/web/api/node/previoussibling/index.html b/files/pl/web/api/node/previoussibling/index.html new file mode 100644 index 0000000000..0199cfb1a7 --- /dev/null +++ b/files/pl/web/api/node/previoussibling/index.html @@ -0,0 +1,28 @@ +--- +title: element.previousSibling +slug: Web/API/Element/previousSibling +tags: + - DOM + - Dokumentacja_Gecko_DOM + - Gecko + - Wszystkie_kategorie +translation_of: Web/API/Node/previousSibling +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p>Zwraca węzeł bezpośrednio poprzedzający bieżący węzeł w drzewie.</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>pNode</i> = elementNode.previousSibling +</pre> +<p><code>pNode</code> to węzeł przed bieżącym na liście rodzeństwa (czyli liście dzieci rodzica). Węzeł poprzedzający element jest zwykle węzłem elementu, komentarza lub tekstowym.</p> +<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3> +<pre>var n1 = n2.previousSibling; +</pre> +<h3 id="Uwagi" name="Uwagi">Uwagi</h3> +<p>Zwraca <code>null</code>, jeśli nie ma poprzedzających węzłów.</p> +<h3 id="Specyfikacja" name="Specyfikacja">Specyfikacja</h3> +<p><a class="external" href="http://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html#attribute-previousSibling">DOM Level 1 Core: previousSibling</a></p> +<p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-640FB3C8">DOM Level 2 Core: previousSibling</a></p> +<div class="noinclude"> + </div> +<p>{{ languages( { "en": "en/DOM/element.previousSibling", "fr": "fr/DOM/element.previousSibling", "ja": "ja/DOM/element.previousSibling" } ) }}</p> diff --git a/files/pl/web/api/node/removechild/index.html b/files/pl/web/api/node/removechild/index.html new file mode 100644 index 0000000000..c07c36ab3b --- /dev/null +++ b/files/pl/web/api/node/removechild/index.html @@ -0,0 +1,36 @@ +--- +title: element.removeChild +slug: Web/API/Element/removeChild +tags: + - DOM + - Dokumentacja_Gecko_DOM + - Gecko + - Wszystkie_kategorie +translation_of: Web/API/Node/removeChild +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p>Metoda <b>removeChild</b> usuwa węzeł potomny elementu.</p> +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> +<pre class="eval"><i>stareDziecko</i> =<i>element</i>.removeChild(<i>dziecko</i>) +</pre> +<h3 id="Parametry" name="Parametry">Parametry</h3> +<ul> + <li><code>dziecko</code> jest usuwanym węzłem potomnym.</li> + <li><code>element</code> jest węzłem nadrzędnym węzła <code>dziecko</code>.</li> + <li><code>stareDziecko</code> jest referencją do usuwanego węzła <code>dziecko</code>. <code>stareDziecko == dziecko.</code></li> +</ul> +<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3> +<pre>// <div id="nadrzedny" align="center"> +// <div id="zagniezdzony"></div> +// </div> +d = document.getElementById("nadrzedny"); +d_zagniezdzony = document.getElementById("zagniezdzony"); +usuwany_wezel = d.removeChild(d_zagniezdzony); +</pre> +<p> </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-1734834066">removeChild </a></p> +<div class="noinclude"> + </div> +<p>{{ languages( { "en": "en/DOM/element.removeChild", "fr": "fr/DOM/element.removeChild", "ja": "ja/DOM/element.removeChild" } ) }}</p> diff --git a/files/pl/web/api/node/replacechild/index.html b/files/pl/web/api/node/replacechild/index.html new file mode 100644 index 0000000000..dcb5686d44 --- /dev/null +++ b/files/pl/web/api/node/replacechild/index.html @@ -0,0 +1,53 @@ +--- +title: element.replaceChild +slug: Web/API/Element/replaceChild +tags: + - DOM + - Dokumentacja_Gecko_DOM + - Gecko + - Wszystkie_kategorie +translation_of: Web/API/Node/replaceChild +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p>Zastępuje dziecko węzła innym węzłem.</p> +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> +<pre class="eval"><i>węzełZastąpiony</i> =<i>węzełRodzic</i>.replaceChild(<i>noweDziecko</i>,<i>stareDziecko</i>); +</pre> +<ul> + <li><code>noweDziecko</code> to nowy węzeł, który ma zastąpić <code>stareDziecko</code>. Jeśli węzeł ten istnieje już gdzieś indziej w DOM, najpierw jest stamtąd usuwany.</li> + <li><code>stareDziecko</code> to istniejące dziecko, które ma zostać zastąpione.</li> + <li><code>węzełZastąpiony</code> to węzeł, który został zastąpiony. Jest to ten sam węzeł, co <code>stareDziecko</code>.</li> +</ul> +<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3> +<pre>// <div> +// <span id="childSpan">foo bar</span> +// </div> + +// utwórz węzeł pustego elementu +// bez ID, atrybutów i zawartości +var sp1 = document.createElement("span"); + +// nadaj mu ID 'newSpan' +sp1.setAttribute("id", "newSpan"); + +// utwórz jakąś zawartość dla nowego elementu +var sp1_content = document.createTextNode("Nowy element span."); + +// wstaw tę zawartość +sp1.appendChild(sp1_content); + +// stwórz referencję do istniejącego węzła, który ma zostać zastąpiony +var sp2 = document.getElementById("childSpan"); +var parentDiv = sp2.parentNode; + +// zastąp istniejący węzeł sp2 elementem span sp1 +parentDiv.replaceChild(sp1, sp2); + +</pre> +<h3 id="Specyfikacja" name="Specyfikacja">Specyfikacja</h3> +<p><a class="external" href="http://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html#method-replaceChild">DOM Level 1 Core: replaceChild</a></p> +<p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-785887307">DOM Level 2 Core: replaceChild</a></p> +<div class="noinclude"> + </div> +<p>{{ languages( { "en": "en/DOM/element.replaceChild", "fr": "fr/DOM/element.replaceChild", "ja": "ja/DOM/element.replaceChild" } ) }}</p> diff --git a/files/pl/web/api/node/textcontent/index.html b/files/pl/web/api/node/textcontent/index.html new file mode 100644 index 0000000000..f667ea2889 --- /dev/null +++ b/files/pl/web/api/node/textcontent/index.html @@ -0,0 +1,41 @@ +--- +title: element.textContent +slug: Web/API/Element/textContent +tags: + - DOM + - Dokumentacja_Gecko_DOM + - Gecko + - Wszystkie_kategorie +translation_of: Web/API/Node/textContent +--- +<p>{{ ApiRef() }}</p> +<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3> +<p>Pobiera lub ustawia zawartość tekstową węzła i jego potomków.</p> +<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3> +<pre class="eval"><i>tekst</i> = element.textContent +element.textContent = "przykładowy tekst" +</pre> +<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3> +<pre class="eval">// Dany jest taki fragment w HTML: +// <div id="divA">To jest <span>jakiś</span> tekst</div> + +// Pobierz zawartość tekstową: +var tekst = document.getElementById("divA").textContent; +// |tekst| zawiera: "To jest jakiś tekst". + +// Ustaw zawartość: +document.getElementById("divA").textContent = "To jest jakiś tekst"; +// teraz HTML elementu divA to <div id="divA">To jest jakiś tekst</div> +</pre> +<h3 id="Uwagi" name="Uwagi">Uwagi</h3> +<ul> + <li><code>textContent</code> zwraca <code>null</code> jeśli węzeł to dokument, węzeł <code>DocumentType</code> lub <code>Notation</code></li> + <li>Jeśli węzeł to sekcja CDATA, komentarz, instrukcja przetwarzania lub węzeł tekstowy, <code>textContent</code> zwraca tekst wewnątrz tego węzła (<a href="pl/DOM/element.nodeValue">nodeValue</a>).</li> + <li>Dla innych typów węzłow <code>textContent</code> zwraca połączenie wartości <code>textContent</code> każdego dziecka, wyłączając węzły komentarzy i instrukcji przetwarzania. Jeśli element nie ma dzieci, jest to pusty ciąg.</li> + <li>Ustawianie tej właściwości dla węzła usuwa wszystkie jego dzieci i zastępuje je jednym węzłem tekstowym o zadanej wartości.</li> +</ul> +<h3 id="Specyfikacja" name="Specyfikacja">Specyfikacja</h3> +<p><a class="external" href="http://www.w3.org/TR/2004/REC-DOM-Level-3-Core-20040407/core.html#Node3-textContent">textContent</a></p> +<div class="noinclude"> + </div> +<p>{{ languages( { "en": "en/DOM/element.textContent", "fr": "fr/DOM/element.textContent", "it": "it/DOM/element.textContent" } ) }}</p> |