YouTube

Got a YouTube account?

New: enable viewer-created translations and captions on your YouTube channel!

Polish subtitles

← Stosowanie innerHTML oraz textContent (Wersja Wideo)

Get Embed Code
6 Languages

Showing Revision 6 created 02/03/2016 by Lech Mankiewicz.

  1. Często już używaliśmy "innerHTML",

  2. ale chcę wam szybko powiedzieć coś więcej.
  3. Najpierw rozpatrzmy przykład.
    Tu, gdzie ustanowiliśmy "innerHTML".
  4. Wpisałam ciąg znaków
    "all about cats" (wszystko o kotach).
  5. Mogłabym umieścić
    w tym ciągu tagi HTML.
  6. Mogłabym otoczyć "cats" tagami "em".
  7. Słowo zostaje wyróżnione.
  8. Albo tutaj,
    gdzie zmieniam "dog" na "cat",
  9. mogłabym wziąć to w tagi "strong"
  10. - i będzie pogrubienie.
  11. Mogłabym nawet napisać
    tag "image", tutaj,
  12. albo umieścić całe HTML strony.
  13. Gdybym tylko chciała!
  14. To jest niezłe.
    Z "innerHTML" możemy dużo zrobić!
  15. Gdybyśmy zmieniali tylko tekst,
  16. nawet nie musielibyśmy
    używać "innerHTML".
  17. Moglibyśmy skorzystać
    z własności "textContent".
  18. Przeglądarka nie zinterpretowałaby
    tego, co wpisujemy, jako HTML,
  19. lecz pokazałaby to jako zwykły tekst.
  20. Zauważcie: gdy zmienię to
    na "textContent",
  21. pokażą się klamry. Okropność!
  22. W tym przypadku je skasujemy,
  23. bo przeglądarka
    nie chce ich zmienić w HTML.
  24. Chcąc tylko zamieścić tekst,
    używajcie polecenia "textContent".
  25. Jeśli chcecie wprowadzić tagi HTML,
  26. by przeglądarka interpretowała je
    jako takie, używajcie "innerHTML".
  27. Gdy zaczniecie bardziej zaawansowane
    operacje z DOM-ami,
  28. ostrożnie korzystajcie
    z "innerHTML" i "textContent",
  29. bo usuną też detektory zdarzeń,
  30. które powiążecie z elementami
    wewnątrz (wkrótce się tego nauczycie).
  31. W następnym odcinku
    - bardziej wyszukany sposób
  32. umieszczania elementów i tekstu na stronie.