WEBVTT

00:00:01.490 --> 00:00:04.994
Często już używaliśmy "innerHTML",

00:00:05.094 --> 00:00:08.660
ale chcę wam szybko powiedzieć coś więcej.

00:00:08.760 --> 00:00:14.367
Najpierw rozpatrzmy przykład.
Tu, gdzie ustanowiliśmy "innerHTML".

00:00:14.512 --> 00:00:18.032
Wpisałam ciąg znaków
"all about cats" (wszystko o kotach).

00:00:18.099 --> 00:00:22.208
Mogłabym umieścić
w tym ciągu tagi HTML.

00:00:22.289 --> 00:00:26.733
Mogłabym otoczyć "cats" tagami "em".

00:00:26.787 --> 00:00:28.680
Słowo zostaje wyróżnione.

00:00:29.405 --> 00:00:32.833
Albo tutaj,
gdzie zmieniam "dog" na "cat",

00:00:32.963 --> 00:00:36.234
mogłabym wziąć to w tagi "strong"

00:00:36.334 --> 00:00:38.057
- i będzie pogrubienie.

00:00:39.409 --> 00:00:42.724
Mogłabym nawet napisać
tag "image", tutaj,

00:00:42.792 --> 00:00:45.650
albo umieścić całe HTML strony.

00:00:45.706 --> 00:00:47.935
Gdybym tylko chciała!

00:00:48.065 --> 00:00:52.312
To jest niezłe.
Z "innerHTML" możemy dużo zrobić!

00:00:54.098 --> 00:00:56.772
Gdybyśmy zmieniali tylko tekst,

00:00:56.851 --> 00:00:59.675
nawet nie musielibyśmy
używać "innerHTML".

00:00:59.737 --> 00:01:02.600
Moglibyśmy skorzystać
z własności "textContent".

00:01:02.651 --> 00:01:06.700
Przeglądarka nie zinterpretowałaby
tego, co wpisujemy, jako HTML,

00:01:06.800 --> 00:01:09.566
lecz pokazałaby to jako zwykły tekst.

00:01:09.647 --> 00:01:12.373
Zauważcie: gdy zmienię to
na "textContent",

00:01:12.473 --> 00:01:14.512
pokażą się klamry. Okropność!

00:01:15.152 --> 00:01:18.274
W tym przypadku je skasujemy,

00:01:18.374 --> 00:01:21.943
bo przeglądarka
nie chce ich zmienić w HTML.

00:01:22.988 --> 00:01:27.465
Chcąc tylko zamieścić tekst,
używajcie polecenia "textContent".

00:01:27.565 --> 00:01:29.916
Jeśli chcecie wprowadzić tagi HTML,

00:01:30.016 --> 00:01:34.830
by przeglądarka interpretowała je
jako takie, używajcie "innerHTML".

00:01:34.904 --> 00:01:38.234
Gdy zaczniecie bardziej zaawansowane
operacje z DOM-ami,

00:01:38.334 --> 00:01:42.214
ostrożnie korzystajcie
z "innerHTML" i "textContent",

00:01:42.289 --> 00:01:44.395
bo usuną też detektory zdarzeń,

00:01:44.495 --> 00:01:48.831
które powiążecie z elementami
wewnątrz (wkrótce się tego nauczycie).

00:01:48.948 --> 00:01:51.688
W następnym odcinku
- bardziej wyszukany sposób

00:01:51.755 --> 00:01:54.404
umieszczania elementów i tekstu na stronie.