1
00:00:01,490 --> 00:00:04,994
Często już używaliśmy "innerHTML",

2
00:00:05,094 --> 00:00:08,660
ale chcę wam szybko powiedzieć coś więcej.

3
00:00:08,760 --> 00:00:14,367
Najpierw rozpatrzmy przykład.
Tu, gdzie ustanowiliśmy "innerHTML".

4
00:00:14,512 --> 00:00:18,032
Wpisałam ciąg znaków
"all about cats" (wszystko o kotach).

5
00:00:18,099 --> 00:00:22,208
Mogłabym umieścić
w tym ciągu tagi HTML.

6
00:00:22,289 --> 00:00:26,733
Mogłabym otoczyć "cats" tagami "em".

7
00:00:26,787 --> 00:00:28,680
Słowo zostaje wyróżnione.

8
00:00:29,405 --> 00:00:32,833
Albo tutaj,
gdzie zmieniam "dog" na "cat",

9
00:00:32,963 --> 00:00:36,234
mogłabym wziąć to w tagi "strong"

10
00:00:36,334 --> 00:00:38,057
- i będzie pogrubienie.

11
00:00:39,409 --> 00:00:42,724
Mogłabym nawet napisać
tag "image", tutaj,

12
00:00:42,792 --> 00:00:45,650
albo umieścić całe HTML strony.

13
00:00:45,706 --> 00:00:47,935
Gdybym tylko chciała!

14
00:00:48,065 --> 00:00:52,312
To jest niezłe.
Z "innerHTML" możemy dużo zrobić!

15
00:00:54,098 --> 00:00:56,772
Gdybyśmy zmieniali tylko tekst,

16
00:00:56,851 --> 00:00:59,675
nawet nie musielibyśmy
używać "innerHTML".

17
00:00:59,737 --> 00:01:02,600
Moglibyśmy skorzystać
z własności "textContent".

18
00:01:02,651 --> 00:01:06,700
Przeglądarka nie zinterpretowałaby
tego, co wpisujemy, jako HTML,

19
00:01:06,800 --> 00:01:09,566
lecz pokazałaby to jako zwykły tekst.

20
00:01:09,647 --> 00:01:12,373
Zauważcie: gdy zmienię to
na "textContent",

21
00:01:12,473 --> 00:01:14,512
pokażą się klamry. Okropność!

22
00:01:15,152 --> 00:01:18,274
W tym przypadku je skasujemy,

23
00:01:18,374 --> 00:01:21,943
bo przeglądarka
nie chce ich zmienić w HTML.

24
00:01:22,988 --> 00:01:27,465
Chcąc tylko zamieścić tekst,
używajcie polecenia "textContent".

25
00:01:27,565 --> 00:01:29,916
Jeśli chcecie wprowadzić tagi HTML,

26
00:01:30,016 --> 00:01:34,830
by przeglądarka interpretowała je
jako takie, używajcie "innerHTML".

27
00:01:34,904 --> 00:01:38,234
Gdy zaczniecie bardziej zaawansowane
operacje z DOM-ami,

28
00:01:38,334 --> 00:01:42,214
ostrożnie korzystajcie
z "innerHTML" i "textContent",

29
00:01:42,289 --> 00:01:44,395
bo usuną też detektory zdarzeń,

30
00:01:44,495 --> 00:01:48,831
które powiążecie z elementami
wewnątrz (wkrótce się tego nauczycie).

31
00:01:48,948 --> 00:01:51,688
W następnym odcinku
- bardziej wyszukany sposób

32
00:01:51,755 --> 00:01:54,404
umieszczania elementów i tekstu na stronie.