JavaScript DOM daxili sinifləri

DOM elementləri də daxili siniflərin obyektləridir. Gəlin bir nümunəyə baxaq. Tutaq ki, bizim bir abzasımız var:

<p>mətn</p>

Gəlin onu bir dəyişəndə əldə edək:

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

Gəlin bu abzası konsola çıxaraq:

console.log(elem);

İndi isə abzasımızın xassələrinin və metodlarının siyahısına baxaq:

console.dir(elem);

Abzasımızın hansı sinifə aid olduğunu müəyyən etmək olar. Bunun üçün xassələr siyahısında xüsusi [[Prototype]] xassəsini tapmaq lazımdır. Orada biz görürük ki, abzas HTMLParagraphElement sinfinə aiddir. Gəlin bunu yoxlayaq:

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

Aşağıdakı kodun icrasının nəticəsini öyrənin:

<div>mətn</div>

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

Bu teqin hansı sinfə aid olduğunu müəyyən edin.

Aşağıdakı kodun icrasının nəticəsini öyrənin:

<input>

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

Bu teqin hansı sinfə aid olduğunu müəyyən edin.

Aşağıdakı kodun icrasının nəticəsini öyrənin:

<div>mətn</div>
<div>mətn</div>
<div>mətn</div>

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

Nəticənin hansı sinfə aid olduğunu müəyyən edin.

Aşağıdakı kodun icrasının nəticəsini öyrənin:

<div>
	<p>mətn</p>
	<p>mətn</p>
	<p>mətn</p>
</div>

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

console.dir(elems);

Nəticənin hansı sinfə aid olduğunu müəyyən edin.