WEBVTT

00:00:00.718 --> 00:00:06.893
ჩვენ უკვე გამოვიყენეთ 'innerHTML' აქ, 
მაგრამ ახლა მინდა

00:00:06.893 --> 00:00:08.885
მოკლედ გაგაგებინო მეტი მის შესახებ.

00:00:08.885 --> 00:00:14.021
პირველ რიგში, შევხედოთ ჩვენს მაგალითს,
სადაც ჩავსვით 'innerHTML'.

00:00:14.021 --> 00:00:17.992
ახლა ვართ ხაზში "ყველაფერი კატების შესახებ"

00:00:17.992 --> 00:00:22.176
HTML თეგები შეგვიძლია პირდაპირ ამ ხაზში ჩავსვათ.

00:00:22.176 --> 00:00:26.565
მაგალითად, სიტყვა "კატების" ირგვლივ 
მოვათავსოთ  თეგები,

00:00:26.565 --> 00:00:29.373
და ეს სიტყვა გამოიკვეთება ტექსტში.

00:00:29.373 --> 00:00:32.649
ან აქ, სადაც სიტყვა "ძაღლი" შევცვალე
სიტყვით "კატა"

00:00:32.649 --> 00:00:36.152
შემიძლია დავსვა თეგები 

00:00:36.152 --> 00:00:39.007
და სიტყვა გამუქდება.

00:00:39.007 --> 00:00:44.148
აქ შემიძლია ჩავსვა  თეგი, ან სულაც

00:00:44.148 --> 00:00:47.842
მთელი გვერდის HTML კოდი, რომ მინდოდეს.

00:00:47.842 --> 00:00:53.592
რაც იმას ნიშნავს, რომ innerHTML-ით ბევრი
რამის გაკეთება შეგვიძლია.

00:00:53.592 --> 00:00:59.072
თუ მხოლოდ ტექსტს ვცვლით, შეგვიძლია 
სულაც არ გამოვიყენოთ innerHTML

00:00:59.072 --> 00:01:03.922
შეგვიძლია გამოვიყენოთ textContent თვისება,
რაც იმას ნიშნავს

00:01:03.922 --> 00:01:09.131
რომ ბრაუზერი აღიქვამს რასაც შეიყვან არა 
როგორც HTML-ს, არამედ როგორც უბრალო ტექსტს

00:01:09.131 --> 00:01:12.196
და მიაქციეთ ყურადღება, როგორც კი
ჩავწერთ textContent

00:01:12.196 --> 00:01:14.992
ყველა თეგი გამოჩნდება გვერდზე

00:01:14.992 --> 00:01:19.085
ამიტომ ისინი უნდა წავშალო,

00:01:19.085 --> 00:01:22.524
ბრაუზერი მათ HTML-ად აღარ აღიქვამს.

00:01:22.524 --> 00:01:27.121
მოკლედ, თუ მხოლოდ ტექსტის ჩაწერა
გინდათ, გამოიყენეთ textContent

00:01:27.121 --> 00:01:31.970
თუ HTML თეგები გჭირდებათ,

00:01:31.970 --> 00:01:34.750
მაშინ innerHTML

00:01:34.750 --> 00:01:37.974
როცა უფრო დახვეწილ DOM მანიპულაციებს
განახორციელებ,

00:01:37.974 --> 00:01:42.033
მეტი სიფრთხილით უნდა მიუდგე
innerHTML და textContent შორის არჩევანს,

00:01:42.033 --> 00:01:44.524
იმიტომ რომ ისინი ელემენტის შიგნით
მოთავსებულ

00:01:44.524 --> 00:01:46.806
მოვლენების კონტროლებსაც
მოაშორებენ

00:01:46.806 --> 00:01:48.594
(მათ გაკეთებას მალე ისწავლით)

00:01:48.594 --> 00:01:51.851
შემდეგ ვიდეოში გვერდზე ახალი
ელემენტის დამატების

00:01:51.851 --> 00:01:55.103
უფრო რთულ გზას გაჩვენებ.