aboutsummaryrefslogtreecommitdiff
path: root/files/pl/web/api/document/getelementbyid/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/pl/web/api/document/getelementbyid/index.html')
-rw-r--r--files/pl/web/api/document/getelementbyid/index.html67
1 files changed, 67 insertions, 0 deletions
diff --git a/files/pl/web/api/document/getelementbyid/index.html b/files/pl/web/api/document/getelementbyid/index.html
new file mode 100644
index 0000000000..51e1bd68c0
--- /dev/null
+++ b/files/pl/web/api/document/getelementbyid/index.html
@@ -0,0 +1,67 @@
+---
+title: document.getElementById
+slug: Web/API/Document/getElementById
+tags:
+ - DOM
+ - Dokumentacja_Gecko_DOM
+ - Gecko
+ - Wszystkie_kategorie
+translation_of: Web/API/Document/getElementById
+---
+<p>{{ ApiRef() }}</p>
+
+<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3>
+
+<p>Zwraca element o określonym ID.</p>
+
+<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3>
+
+<pre class="eval"><em>var element</em> = document.getElementById(<em>id</em>);
+</pre>
+
+<h3 id="Parametry" name="Parametry">Parametry</h3>
+
+<ul>
+ <li><code>element</code> jest obiektem <a href="pl/DOM/element">element</a></li>
+ <li><code>id</code> jest ciągiem zawierającym unikalny ID szukanego elementu</li>
+</ul>
+
+<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3>
+
+<pre>&lt;html&gt;
+&lt;head&gt;
+&lt;title&gt;Przykład getElementById&lt;/title&gt;
+
+&lt;script type="text/javascript"&gt;
+
+function changeColor(newColor)
+{
+ var elem = document.getElementById("para1");
+ elem.style.color = newColor;
+}
+&lt;/script&gt;
+&lt;/head&gt;
+
+&lt;body&gt;
+&lt;p id="para1"&gt;Jakiś tekst&lt;/p&gt;
+&lt;button onclick="changeColor('blue');"&gt;niebieski&lt;/button&gt;
+&lt;button onclick="changeColor('red');"&gt;czerwony&lt;/button&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+</pre>
+
+<h3 id="Uwagi" name="Uwagi">Uwagi</h3>
+
+<p><strong>getElementById</strong> jest absolutną podstawą DOM. Jedną z najważniejszych zasad w programowaniu DOM jest unikalne identyfikowanie elementów, dzięki czemu można je przechwycić i manipulować nimi.</p>
+
+<p>Jeżeli nie ma elementu o podanym ID, funkcja zwraca NULL. Zauważ też, że implementacja DOM musi wiedzieć, które atrybuty mają typ ID. Atrybuty o nazwie "ID" nie mają typu ID, o ile nie zostanie to tak zdefiniowane. Implementacje, które nie wiedzą, czy atrybuty mają typ ID czy nie, powinny zwracać NULL.</p>
+
+<p><strong>getElementById</strong> wprowadzono w DOM Level 2.</p>
+
+<h3 id="Specyfikacja" name="Specyfikacja">Specyfikacja</h3>
+
+<ul>
+ <li>DOM Level 2 Core Specification: <a class="external" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-getElBId">getElementById </a></li>
+</ul>
+
+<p>{{ languages( { "en": "en/DOM/document.getElementById", "fr": "fr/DOM/document.getElementById", "ja": "ja/DOM/document.getElementById" } ) }}</p>