JavaScript-da OOP-da Ichki Klasslar Ierarxiyasi

Ichki klasslar ham ierarxiyaga ega. Keling, paragraf misolida ko'rib chiqaylik:

<p>matn</p>

Paragrafga havolani o'zgaruvchiga olaylik:

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

Paragrafimizni konsolda ko'ramiz:

console.dir(elem);

Bilganingizdek, [[Prototype]] xususiyatida paragraf klassining nomi mavjud. Bu HTMLParagraphElement. Agar bu klassning xususiyatlari va metodlari ro'yxatini kengaytirsak, pastdan yana [[Prototype]] xususiyatini topamiz, unda ota-klass bo'ladi va bu HTMLElement bo'ladi. Uning uchun ham otasini topish mumkin va hokazo.

Ushbu teg uchun klasslar ierarxiyasini o'rganing:

<div>matn</div>

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

Ushbu teg uchun klasslar ierarxiyasini o'rganing:

<input>

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

Ushbu kolleksiya uchun klasslar ierarxiyasini o'rganing:

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

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

Ushbu kolleksiya uchun klasslar ierarxiyasini 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);