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