DOM ელემენტის მიღება JavaScript-ში
ახლა ჩვენ ვისწავლით გვერდის DOM ელემენტების მიღებას, რათა შემდგომში მათთან რაიმე მანიპულაციები შევძლოთ.
დავუშვათ, გვაქვს გარკვეული ღილაკი:
<input id="button" type="submit">
მოდით მივიღოთ ბმული ამ ღილაკზე ცვლადში.
ამისთვის უნდა გამოვიყენოთ სპეციალური ობიექტის document
მეთოდი querySelector. ეს
მეთოდი პარამეტრად იღებს CSS სელექტორს და
აბრუნებს ბმულს ამ სელექტორით ნაპოვნ
ელემენტზე.
ჩვენს ღილაკს აქვს ატრიბუტი id
მნიშვნელობით button. ეს ნიშნავს, რომ ჩვენ
შეგვიძლია ვიპოვოთ ეს ღილაკი სელექტორით #button.
მაშ, მოდით ვიპოვოთ ჩვენი ღილაკი და ჩავწეროთ
ბმული მასზე ცვლადში:
let button = document.querySelector('#button');
console.log(button);
მოცემულია 3 აბზაცი:
<p id="elem1">1</p>
<p id="elem2">2</p>
<p id="elem3">3</p>
ჩაწერეთ ბმული თითოეულ აბზაცზე ცალკეულ ცვლადში და გამოიტანეთ თითოეული ამ ცვლადის შემცველობა კონსოლში.
