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:

html<p>mətn</p>

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

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

Gəlin bu abzası konsola çıxaraq:

javascriptconsole.log(elem);

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

javascriptconsole.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:

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

Задание 1

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

html<div>mətn</div>

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

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

Задание 2

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

html<input>

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

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

Задание 3

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

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

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

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

Задание 4

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

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

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

console.dir(elems);

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