-
ჩვენ უკვე გამოვიყენეთ 'innerHTML' აქ,
მაგრამ ახლა მინდა
-
მოკლედ გაგაგებინო მეტი მის შესახებ.
-
პირველ რიგში, შევხედოთ ჩვენს მაგალითს,
სადაც ჩავსვით 'innerHTML'.
-
ახლა ვართ ხაზში "ყველაფერი კატების შესახებ"
-
HTML თეგები შეგვიძლია პირდაპირ ამ ხაზში ჩავსვათ.
-
მაგალითად, სიტყვა "კატების" ირგვლივ
მოვათავსოთ თეგები,
-
და ეს სიტყვა გამოიკვეთება ტექსტში.
-
ან აქ, სადაც სიტყვა "ძაღლი" შევცვალე
სიტყვით "კატა"
-
შემიძლია დავსვა თეგები
-
და სიტყვა გამუქდება.
-
აქ შემიძლია ჩავსვა თეგი, ან სულაც
-
მთელი გვერდის HTML კოდი, რომ მინდოდეს.
-
რაც იმას ნიშნავს, რომ innerHTML-ით ბევრი
რამის გაკეთება შეგვიძლია.
-
თუ მხოლოდ ტექსტს ვცვლით, შეგვიძლია
სულაც არ გამოვიყენოთ innerHTML
-
შეგვიძლია გამოვიყენოთ textContent თვისება,
რაც იმას ნიშნავს
-
რომ ბრაუზერი აღიქვამს რასაც შეიყვან არა
როგორც HTML-ს, არამედ როგორც უბრალო ტექსტს
-
და მიაქციეთ ყურადღება, როგორც კი
ჩავწერთ textContent
-
ყველა თეგი გამოჩნდება გვერდზე
-
ამიტომ ისინი უნდა წავშალო,
-
ბრაუზერი მათ HTML-ად აღარ აღიქვამს.
-
მოკლედ, თუ მხოლოდ ტექსტის ჩაწერა
გინდათ, გამოიყენეთ textContent
-
თუ HTML თეგები გჭირდებათ,
-
მაშინ innerHTML
-
როცა უფრო დახვეწილ DOM მანიპულაციებს
განახორციელებ,
-
მეტი სიფრთხილით უნდა მიუდგე
innerHTML და textContent შორის არჩევანს,
-
იმიტომ რომ ისინი ელემენტის შიგნით
მოთავსებულ
-
მოვლენების კონტროლებსაც
მოაშორებენ
-
(მათ გაკეთებას მალე ისწავლით)
-
შემდეგ ვიდეოში გვერდზე ახალი
ელემენტის დამატების
-
უფრო რთულ გზას გაჩვენებ.
