JavaScript DOM-da Ichki Klasslar

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

<p>matn</p>

Uni o'zgaruvchiga havola qilib olamiz:

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

Ushbu paragrafni konsolga chiqaramiz:

console.log(elem);

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

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

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

Quyidagi kodni bajarish natijasini o'rganing:

<div>matn</div>

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

Ushbu teg qaysi klassga tegishli ekanligini aniqlang.

Quyidagi kodni bajarish natijasini o'rganing:

<input>

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

Ushbu teg qaysi klassga tegishli ekanligini aniqlang.

Quyidagi kodni bajarish natijasini o'rganing:

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

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

Natija qaysi klassga tegishli ekanligini aniqlang.

Quyidagi kodni bajarish natijasini o'rganing:

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

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

console.dir(elems);

Natija qaysi klassga tegishli ekanligini aniqlang.