Return to Video

InnerHTML და textContent (ვიდეო ვერსია)

  • 0:01 - 0:07
    ჩვენ უკვე გამოვიყენეთ 'innerHTML' აქ,
    მაგრამ ახლა მინდა
  • 0:07 - 0:09
    მოკლედ გაგაგებინო მეტი მის შესახებ.
  • 0:09 - 0:14
    პირველ რიგში, შევხედოთ ჩვენს მაგალითს,
    სადაც ჩავსვით 'innerHTML'.
  • 0:14 - 0:18
    ახლა ვართ ხაზში "ყველაფერი კატების შესახებ"
  • 0:18 - 0:22
    HTML თეგები შეგვიძლია პირდაპირ ამ ხაზში ჩავსვათ.
  • 0:22 - 0:27
    მაგალითად, სიტყვა "კატების" ირგვლივ
    მოვათავსოთ თეგები,
  • 0:27 - 0:29
    და ეს სიტყვა გამოიკვეთება ტექსტში.
  • 0:29 - 0:33
    ან აქ, სადაც სიტყვა "ძაღლი" შევცვალე
    სიტყვით "კატა"
  • 0:33 - 0:36
    შემიძლია დავსვა თეგები
  • 0:36 - 0:39
    და სიტყვა გამუქდება.
  • 0:39 - 0:44
    აქ შემიძლია ჩავსვა თეგი, ან სულაც
  • 0:44 - 0:48
    მთელი გვერდის HTML კოდი, რომ მინდოდეს.
  • 0:48 - 0:54
    რაც იმას ნიშნავს, რომ innerHTML-ით ბევრი
    რამის გაკეთება შეგვიძლია.
  • 0:54 - 0:59
    თუ მხოლოდ ტექსტს ვცვლით, შეგვიძლია
    სულაც არ გამოვიყენოთ innerHTML
  • 0:59 - 1:04
    შეგვიძლია გამოვიყენოთ textContent თვისება,
    რაც იმას ნიშნავს
  • 1:04 - 1:09
    რომ ბრაუზერი აღიქვამს რასაც შეიყვან არა
    როგორც HTML-ს, არამედ როგორც უბრალო ტექსტს
  • 1:09 - 1:12
    და მიაქციეთ ყურადღება, როგორც კი
    ჩავწერთ textContent
  • 1:12 - 1:15
    ყველა თეგი გამოჩნდება გვერდზე
  • 1:15 - 1:19
    ამიტომ ისინი უნდა წავშალო,
  • 1:19 - 1:23
    ბრაუზერი მათ HTML-ად აღარ აღიქვამს.
  • 1:23 - 1:27
    მოკლედ, თუ მხოლოდ ტექსტის ჩაწერა
    გინდათ, გამოიყენეთ textContent
  • 1:27 - 1:32
    თუ HTML თეგები გჭირდებათ,
  • 1:32 - 1:35
    მაშინ innerHTML
  • 1:35 - 1:38
    როცა უფრო დახვეწილ DOM მანიპულაციებს
    განახორციელებ,
  • 1:38 - 1:42
    მეტი სიფრთხილით უნდა მიუდგე
    innerHTML და textContent შორის არჩევანს,
  • 1:42 - 1:45
    იმიტომ რომ ისინი ელემენტის შიგნით
    მოთავსებულ
  • 1:45 - 1:47
    მოვლენების კონტროლებსაც
    მოაშორებენ
  • 1:47 - 1:49
    (მათ გაკეთებას მალე ისწავლით)
  • 1:49 - 1:52
    შემდეგ ვიდეოში გვერდზე ახალი
    ელემენტის დამატების
  • 1:52 - 1:55
    უფრო რთულ გზას გაჩვენებ.
Title:
InnerHTML და textContent (ვიდეო ვერსია)
Description:

more » « less
Video Language:
English
Duration:
01:57

Georgian subtitles

Revisions