[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:01.49,0:00:04.99,Default,,0000,0000,0000,,Często już używaliśmy "innerHTML", Dialogue: 0,0:00:05.09,0:00:08.66,Default,,0000,0000,0000,,ale chcę wam szybko powiedzieć coś więcej. Dialogue: 0,0:00:08.76,0:00:14.37,Default,,0000,0000,0000,,Najpierw rozpatrzmy przykład.\NTu, gdzie ustanowiliśmy "innerHTML". Dialogue: 0,0:00:14.51,0:00:18.03,Default,,0000,0000,0000,,Wpisałam ciąg znaków\N"all about cats" (wszystko o kotach). Dialogue: 0,0:00:18.10,0:00:22.21,Default,,0000,0000,0000,,Mogłabym umieścić\Nw tym ciągu tagi HTML. Dialogue: 0,0:00:22.29,0:00:26.73,Default,,0000,0000,0000,,Mogłabym otoczyć "cats" tagami "em". Dialogue: 0,0:00:26.79,0:00:28.68,Default,,0000,0000,0000,,Słowo zostaje wyróżnione. Dialogue: 0,0:00:29.40,0:00:32.83,Default,,0000,0000,0000,,Albo tutaj,\Ngdzie zmieniam "dog" na "cat", Dialogue: 0,0:00:32.96,0:00:36.23,Default,,0000,0000,0000,,mogłabym wziąć to w tagi "strong" Dialogue: 0,0:00:36.33,0:00:38.06,Default,,0000,0000,0000,,- i będzie pogrubienie. Dialogue: 0,0:00:39.41,0:00:42.72,Default,,0000,0000,0000,,Mogłabym nawet napisać\Ntag "image", tutaj, Dialogue: 0,0:00:42.79,0:00:45.65,Default,,0000,0000,0000,,albo umieścić całe HTML strony. Dialogue: 0,0:00:45.71,0:00:47.94,Default,,0000,0000,0000,,Gdybym tylko chciała! Dialogue: 0,0:00:48.06,0:00:52.31,Default,,0000,0000,0000,,To jest niezłe.\NZ "innerHTML" możemy dużo zrobić! Dialogue: 0,0:00:54.10,0:00:56.77,Default,,0000,0000,0000,,Gdybyśmy zmieniali tylko tekst, Dialogue: 0,0:00:56.85,0:00:59.68,Default,,0000,0000,0000,,nawet nie musielibyśmy\Nużywać "innerHTML". Dialogue: 0,0:00:59.74,0:01:02.60,Default,,0000,0000,0000,,Moglibyśmy skorzystać\Nz własności "textContent". Dialogue: 0,0:01:02.65,0:01:06.70,Default,,0000,0000,0000,,Przeglądarka nie zinterpretowałaby\Ntego, co wpisujemy, jako HTML, Dialogue: 0,0:01:06.80,0:01:09.57,Default,,0000,0000,0000,,lecz pokazałaby to jako zwykły tekst. Dialogue: 0,0:01:09.65,0:01:12.37,Default,,0000,0000,0000,,Zauważcie: gdy zmienię to\Nna "textContent", Dialogue: 0,0:01:12.47,0:01:14.51,Default,,0000,0000,0000,,pokażą się klamry. Okropność! Dialogue: 0,0:01:15.15,0:01:18.27,Default,,0000,0000,0000,,W tym przypadku je skasujemy, Dialogue: 0,0:01:18.37,0:01:21.94,Default,,0000,0000,0000,,bo przeglądarka\Nnie chce ich zmienić w HTML. Dialogue: 0,0:01:22.99,0:01:27.46,Default,,0000,0000,0000,,Chcąc tylko zamieścić tekst,\Nużywajcie polecenia "textContent". Dialogue: 0,0:01:27.56,0:01:29.92,Default,,0000,0000,0000,,Jeśli chcecie wprowadzić tagi HTML, Dialogue: 0,0:01:30.02,0:01:34.83,Default,,0000,0000,0000,,by przeglądarka interpretowała je\Njako takie, używajcie "innerHTML". Dialogue: 0,0:01:34.90,0:01:38.23,Default,,0000,0000,0000,,Gdy zaczniecie bardziej zaawansowane\Noperacje z DOM-ami, Dialogue: 0,0:01:38.33,0:01:42.21,Default,,0000,0000,0000,,ostrożnie korzystajcie\Nz "innerHTML" i "textContent", Dialogue: 0,0:01:42.29,0:01:44.40,Default,,0000,0000,0000,,bo usuną też detektory zdarzeń, Dialogue: 0,0:01:44.50,0:01:48.83,Default,,0000,0000,0000,,które powiążecie z elementami\Nwewnątrz (wkrótce się tego nauczycie). Dialogue: 0,0:01:48.95,0:01:51.69,Default,,0000,0000,0000,,W następnym odcinku\N- bardziej wyszukany sposób Dialogue: 0,0:01:51.76,0:01:54.40,Default,,0000,0000,0000,,umieszczania elementów i tekstu na stronie.