aboutsummaryrefslogtreecommitdiff
path: root/files/pl/web/api/element/innerhtml
diff options
context:
space:
mode:
authorPeter Bengtsson <mail@peterbe.com>2020-12-08 14:42:52 -0500
committerPeter Bengtsson <mail@peterbe.com>2020-12-08 14:42:52 -0500
commit074785cea106179cb3305637055ab0a009ca74f2 (patch)
treee6ae371cccd642aa2b67f39752a2cdf1fd4eb040 /files/pl/web/api/element/innerhtml
parentda78a9e329e272dedb2400b79a3bdeebff387d47 (diff)
downloadtranslated-content-074785cea106179cb3305637055ab0a009ca74f2.tar.gz
translated-content-074785cea106179cb3305637055ab0a009ca74f2.tar.bz2
translated-content-074785cea106179cb3305637055ab0a009ca74f2.zip
initial commit
Diffstat (limited to 'files/pl/web/api/element/innerhtml')
-rw-r--r--files/pl/web/api/element/innerhtml/index.html67
1 files changed, 67 insertions, 0 deletions
diff --git a/files/pl/web/api/element/innerhtml/index.html b/files/pl/web/api/element/innerhtml/index.html
new file mode 100644
index 0000000000..dafe31adf1
--- /dev/null
+++ b/files/pl/web/api/element/innerhtml/index.html
@@ -0,0 +1,67 @@
+---
+title: element.innerHTML
+slug: Web/API/Element/innerHTML
+tags:
+ - DOM
+ - DOM_0
+ - Dokumentacja_Gecko_DOM
+ - Gecko
+ - Wszystkie_kategorie
+translation_of: Web/API/Element/innerHTML
+---
+<p>{{ ApiRef() }}</p>
+
+<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3>
+
+<p><strong>innerHTML</strong> ustawia lub pobiera zbiór zawartych w danym elemencie znaczników razem z ich treścią.</p>
+
+<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3>
+
+<pre class="eval">var <em>markup</em> = element.innerHTML;
+element.innerHTML = <em>markup</em>;
+</pre>
+
+<ul>
+ <li><code>markup</code> to ciąg znaków z zawartością elementu (w tym elementami potomnymi) jako zwykły HTML. Na przykład: <code>"&lt;p&gt;Jakiś tekst&lt;/p&gt;"</code>.</li>
+</ul>
+
+<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3>
+
+<pre>// HTML:
+// &lt;div id="d"&gt;&lt;p&gt;Treść&lt;/p&gt;
+// &lt;p&gt;Bardziej skomplikowane&lt;/p&gt;
+// &lt;/div&gt;
+
+d = document.getElementById("d");
+dump(d.innerHTML);
+
+// ciąg "&lt;p&gt;Treść&lt;/p&gt;&lt;p&gt;Bardziej skomplikowane&lt;/p&gt;"
+// zostanie wyświetlony w oknie konsoli
+</pre>
+
+<h3 id="Uwagi" name="Uwagi">Uwagi</h3>
+
+<p>Własność ta, nie będąca częścią specyfikacji W3C DOM, zapewnia możliwość łatwego zastąpienia całej zawartości elementu. Na przykład można wyczyścić wszystko co jest w body:</p>
+
+<pre class="eval">document.body.innerHTML = ""; // Zawartość body zostaje zastąpiona pustym ciągiem
+</pre>
+
+<p>Własność innerHTML różnych elementów, w tym <code>BODY</code> i <code>HTML</code> może zostać pobrana czy zastąpiona. Można jej użyć, by wyświetlić źródło zmodyfikowanej dynamicznie strony:</p>
+
+<pre>// Skopiuj jako pojedynczą linię i wklej do paska adresu
+javascript:x=document.body.innerHTML.replace(/&lt;/g,'&amp;lt;').replace(/\n/g,'&lt;br&gt;'); document.body.innerHTML = x;
+</pre>
+
+<p>Ponieważ nie ma publicznej specyfikacji dla tej własności, jej implementacje różnią się. Na przykład po wprowadzeniu tekstu do pola tekstowego, IE zmieni zawartość atrybutu <code>value</code> elementu <code>INPUT</code> w <code>innerHTML</code>, a przeglądarki oparte o Gecko - nie.</p>
+
+<p>Własności tej nigdy nie powinno się używać do zapisu części tabeli - zamiast niej należy skorzystać z metod W3C DOM. <code>innerHTML</code> można jednak użyć, by zapisać całą tabelę lub zmodyfikować zawartość pojedynczych komórek.</p>
+
+<h3 id="Specyfikacja" name="Specyfikacja">Specyfikacja</h3>
+
+<p>{{ DOM0() }}</p>
+
+<h3 id="Zobacz_tak.C5.BCe" name="Zobacz_tak.C5.BCe">Zobacz także</h3>
+
+<p><a class="external" href="http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/innerhtml.asp">MSDN innerHTML</a></p>
+
+<p>{{ languages( { "en": "en/DOM/element.innerHTML", "fr": "fr/DOM/element.innerHTML", "ja": "ja/DOM/element.innerHTML" } ) }}</p>