Return to Video

Stosowanie innerHTML oraz textContent (Wersja Wideo)

  • 0:01 - 0:05
    Często już używaliśmy "innerHTML",
  • 0:05 - 0:09
    ale chcę wam szybko powiedzieć coś więcej.
  • 0:09 - 0:14
    Najpierw rozpatrzmy przykład.
    Tu, gdzie ustanowiliśmy "innerHTML".
  • 0:15 - 0:18
    Wpisałam ciąg znaków
    "all about cats" (wszystko o kotach).
  • 0:18 - 0:22
    Mogłabym umieścić
    w tym ciągu tagi HTML.
  • 0:22 - 0:27
    Mogłabym otoczyć "cats" tagami "em".
  • 0:27 - 0:29
    Słowo zostaje wyróżnione.
  • 0:29 - 0:33
    Albo tutaj,
    gdzie zmieniam "dog" na "cat",
  • 0:33 - 0:36
    mogłabym wziąć to w tagi "strong"
  • 0:36 - 0:38
    - i będzie pogrubienie.
  • 0:39 - 0:43
    Mogłabym nawet napisać
    tag "image", tutaj,
  • 0:43 - 0:46
    albo umieścić całe HTML strony.
  • 0:46 - 0:48
    Gdybym tylko chciała!
  • 0:48 - 0:52
    To jest niezłe.
    Z "innerHTML" możemy dużo zrobić!
  • 0:54 - 0:57
    Gdybyśmy zmieniali tylko tekst,
  • 0:57 - 1:00
    nawet nie musielibyśmy
    używać "innerHTML".
  • 1:00 - 1:03
    Moglibyśmy skorzystać
    z własności "textContent".
  • 1:03 - 1:07
    Przeglądarka nie zinterpretowałaby
    tego, co wpisujemy, jako HTML,
  • 1:07 - 1:10
    lecz pokazałaby to jako zwykły tekst.
  • 1:10 - 1:12
    Zauważcie: gdy zmienię to
    na "textContent",
  • 1:12 - 1:15
    pokażą się klamry. Okropność!
  • 1:15 - 1:18
    W tym przypadku je skasujemy,
  • 1:18 - 1:22
    bo przeglądarka
    nie chce ich zmienić w HTML.
  • 1:23 - 1:27
    Chcąc tylko zamieścić tekst,
    używajcie polecenia "textContent".
  • 1:28 - 1:30
    Jeśli chcecie wprowadzić tagi HTML,
  • 1:30 - 1:35
    by przeglądarka interpretowała je
    jako takie, używajcie "innerHTML".
  • 1:35 - 1:38
    Gdy zaczniecie bardziej zaawansowane
    operacje z DOM-ami,
  • 1:38 - 1:42
    ostrożnie korzystajcie
    z "innerHTML" i "textContent",
  • 1:42 - 1:44
    bo usuną też detektory zdarzeń,
  • 1:44 - 1:49
    które powiążecie z elementami
    wewnątrz (wkrótce się tego nauczycie).
  • 1:49 - 1:52
    W następnym odcinku
    - bardziej wyszukany sposób
  • 1:52 - 1:54
    umieszczania elementów i tekstu na stronie.
Title:
Stosowanie innerHTML oraz textContent (Wersja Wideo)
Description:

To tylko zapis naszych interaktywnych sesji poświęconych kodowaniu, stworzony by ułatwić ich przełożenie na inne języki.
Polecamy obejrzenie oryginalnej sesji na Khan Academy, gdzie możecie zatrzymać sesje, by edytować własny kod, jak również zobaczyć zapis kodu w wyższej rozdzielczości:
http://www.khanacademy.org/computer-programming
more » « less
Video Language:
English
Duration:
01:57

Polish subtitles

Revisions

Our website uses cookies for analysis purposes.