JavaScript-ის ჩაშენებული DOM კლასები

DOM ელემენტები ასევე წარმოადგენენ ჩაშენებული კლასების ობიექტებს. მოდით შევხედოთ მაგალითს. დავუშვათ, გვაქვს აბზაცი:

html<p>ტექსტი</p>

მივიღოთ მისი მითითება ცვლადში:

javascriptlet elem = document.querySelector('p');

გამოვიტანოთ ეს აბზაცი კონსოლში:

javascriptconsole.log(elem);

ახლა კი შევხედოთ ჩვენი აბზაცის თვისებების და მეთოდების სიას:

javascriptconsole.dir(elem);

შესაძლებელია განვსაზღვროთ რომელ კლასს ეკუთვნის ჩვენი აბზაცი. ამისთვის თვისებების სიაში უნდა ვიპოვოთ განსაკუთრებული თვისება [[Prototype]]. მასში ჩვენ ვხედავთ, რომ აბზაცი ეკუთვნის კლასს HTMLParagraphElement. შევამოწმოთ ეს:

javascriptconsole.log(elem instanceof HTMLParagraphElement); // true
Задание 1

გამოიკვლიეთ შემდეგი კოდის შესრულების შედეგი:

html<div>ტექსტი</div>
javascriptlet elem = document.querySelector('div');
console.dir(elem);

განსაზღვრეთ, რომელ კლასს ეკუთვნის მოცემული ტეგი.

Задание 2

გამოიკვლიეთ შემდეგი კოდის შესრულების შედეგი:

html<input>
javascriptlet elem = document.querySelector('input');
console.dir(elem);

განსაზღვრეთ, რომელ კლასს ეკუთვნის მოცემული ტეგი.

Задание 3

გამოიკვლიეთ შემდეგი კოდის შესრულების შედეგი:

html<div>ტექსტი</div>
<div>ტექსტი</div>
<div>ტექსტი</div>
javascriptlet elems = document.querySelectorAll('div');
console.dir(elems);

განსაზღვრეთ, რომელ კლასს ეკუთვნის შედეგი.

Задание 4

გამოიკვლიეთ შემდეგი კოდის შესრულების შედეგი:

html<div>
  <p>ტექსტი</p>
  <p>ტექსტი</p>
  <p>ტექსტი</p>
</div>
javascriptlet elem = document.querySelector('div');
let elems = elem.children;

console.dir(elems);

განსაზღვრეთ, რომელ კლასს ეკუთვნის შედეგი.