blob: bc729c829f73c5e3f215ace970b0984dc60450e3 (
plain)
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
|
---
title: document.documentElement
slug: Web/API/Document/documentElement
tags:
- DOM
- Dokumentacja_Gecko_DOM
- Gecko
- Wszystkie_kategorie
translation_of: Web/API/Document/documentElement
---
<p>{{ ApiRef() }}</p>
<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3>
<p><strong>Tylko do odczytu</strong></p>
<p>Zwraca <code><a href="pl/DOM/element">Element</a></code> będący bezpośrednim dzieckiem <a href="pl/DOM/document">document</a> (na przykład dla dokumentów HTML jest to element <code><html></code>).</p>
<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3>
<pre class="eval">var<em>element</em> = document.documentElement;
</pre>
<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3>
<pre class="eval">actual_doc = document.documentElement;
first_tier = actual_doc.childNodes;
//first_tier to bezpośrednie dzieci HTML
for (var i = 0; i < first_tier.length; i++) {
//zrób cos z każdym dzieckiem HTML
//poprzez first_tier[i]
}
</pre>
<pre class="eval">var rootElement = document.documentElement;
var firstTier = rootElement.childNodes;
// firstTier jest NodeList bezpośredniego dziecka elementu głównego
for (var i = 0; i < firstTier.length; i++) {
// zrób coś z każdym dzieckiem HTML głównego elementu
// as firstTier[i]
}
</pre>
<h3 id="Uwagi" name="Uwagi">Uwagi</h3>
<p>Ta własność tylko do odczytu jest udogodnieniem w przechwytywaniu elementu HTML, powiązanego z każdym prawidłowym dokumentem HTML.</p>
<p>Powyżej typowy przykład: potrzebujesz w rzeczywistości elementu HTML, aby mieć dostęp do wszystkich jego dzieci, więc używasz tej własności obiektu <code>document</code>, aby go przejąć.</p>
<p>Zauważ też, że zazwyczaj <code>document</code> zawiera jeden węzeł-dziecko - HTML - który sam zawiera wszystkie elementy faktycznego dokumentu jako listę węzłów-dzieci (<code>nodeList</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-87CD092">DOM Level 2 Core: Document.documentElement</a></p>
<div class="noinclude"></div>
<p>{{ languages( { "en": "en/DOM/document.documentElement", "es": "es/DOM/document.documentElement", "fr": "fr/DOM/document.documentElement", "ja": "ja/DOM/document.documentElement" } ) }}</p>
|