JavaScript DOM-da Ichki Klasslar

DOM elementlari ham o'rnatilgan klasslarning obyektlaridir. Keling, bir misolni ko'ramiz. Bizda paragraf bor deylik:

html<p>matn</p>

Uni o'zgaruvchiga havola qilib olamiz:

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

Ushbu paragrafni konsolga chiqaramiz:

javascriptconsole.log(elem);

Endi paragrafimizning xususiyatlari va metodlari ro'yxatini ko'ramiz:

javascriptconsole.dir(elem);

Paragrafimiz qaysi klassga tegishli ekanligini aniqlash mumkin. Buning uchun xususiyatlar ro'yxatida maxsus [[Prototype]] xususiyatini topish kerak. Unda biz paragraf HTMLParagraphElement klassiga tegishli ekanligini ko'ramiz. Buni tekshiramiz:

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

Задание 1

Quyidagi kodni bajarish natijasini o'rganing:

html<div>matn</div>

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

Ushbu teg qaysi klassga tegishli ekanligini aniqlang.

Задание 2

Quyidagi kodni bajarish natijasini o'rganing:

html<input>

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

Ushbu teg qaysi klassga tegishli ekanligini aniqlang.

Задание 3

Quyidagi kodni bajarish natijasini o'rganing:

html<div>matn</div>
<div>matn</div>
<div>matn</div>

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

Natija qaysi klassga tegishli ekanligini aniqlang.

Задание 4

Quyidagi kodni bajarish natijasini o'rganing:

html<div>
  <p>matn</p>
  <p>matn</p>
  <p>matn</p>
</div>

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

console.dir(elems);

Natija qaysi klassga tegishli ekanligini aniqlang.