files/pl/web/api/node/childnodes/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

---
title: element.childNodes
slug: Web/API/Node/childNodes
tags:
  - DOM
  - Dokumentacja_Gecko_DOM
  - Gecko
  - Wszystkie_kategorie
translation_of: Web/API/Node/childNodes
original_slug: Web/API/Element/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 &lt;p&gt;
if (parg.hasChildNodes())
// sprawdzamy czy obiekt nie jest pusty - czy ma dzieci
 {
   var children = parg.childNodes;
   for (var i = 0; i &lt; 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>