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

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

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

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

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

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

console.log(elem);

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

console.dir(elem);

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

console.log(elem instanceof HTMLParagraphElement); // true

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

<div>ტექსტი</div>

let elem = document.querySelector('div');
console.dir(elem);

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

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

<input>

let elem = document.querySelector('input');
console.dir(elem);

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

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

<div>ტექსტი</div>
<div>ტექსტი</div>
<div>ტექსტი</div>

let elems = document.querySelectorAll('div');
console.dir(elems);

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

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

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

let elem = document.querySelector('div');
let elems = elem.children;

console.dir(elems);

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