JavaScript да ООПдаги ички класслар иерархияси

Ички класслар щам иерархияга эга. Келтирилган мисол оркали абзацни курамиз:

<p>text</p>

Абзацга урнатилган хужати узгарувчига оламиз:

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

Абзацимизни консольда курамиз:

console.dir(elem);

Сиз щам биласиз, [[Prototype]] хусусиятида абзац класснинг номи мавжуд. Бу HTMLParagraphElement. Агар бу класснинг хусусият ва усуллар рйхиатини щаракатлантирсак, бу ердан яна [[Prototype]] хусусиятини топа оламиз, унинг ичида ота-она класси мавжуд булиб, бу HTMLElement булади. Унинг учун щам ота-она топа оламиз ва щ.к.

Куйидаги тег учун класслар иерархиясини урганинг:

<div>text</div>

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

Куйидаги тег учун класслар иерархиясини урганинг:

<input>

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

Куйидаги коллекция учун класслар иерархиясини урганинг:

<div>text</div>
<div>text</div>
<div>text</div>

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

Куйидаги коллекция учун класслар иерархиясини урганинг:

<div>
	<p>text</p>
	<p>text</p>
	<p>text</p>
</div>

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

console.dir(elems);