JavaScriptтеги ООПсиндеги курулма классдардын иерархиясы

Курулма классдар да иерархияга ээ. Келгиле, абзацтын мисалында карап көрөлү:

<p>текст</p>

Абзацка шилтемени өзгөрмөгө алалы:

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

Абзацыбызды консолдо карап көрөлү:

console.dir(elem);

Сиз билгендей, [[Prototype]] касиетинде абзацтын классынын аты бар. Бул HTMLParagraphElement. Эгер бул классдын касиеттери жана методу тизмесин жайып көрсөк, анда төмөндө дагы [[Prototype]] касиети табылат, ал эми ата классды камтыйт жана бул HTMLElement болот. Анын үчүн дагы ата табылышы мүмкүн жана ушундай уланат.

Төмөнкү тег үчүн классдардын иерархиясын изилдегиле:

<div>текст</div>

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

Төмөнкү тег үчүн классдардын иерархиясын изилдегиле:

<input>

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

Төмөнкү коллекция үчүн классдардын иерархиясын изилдегиле:

<div>текст</div>
<div>текст</div>
<div>текст</div>

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

Төмөнкү коллекция үчүн классдардын иерархиясын изилдегиле:

<div>
	<p>текст</p>
	<p>текст</p>
	<p>текст</p>
</div>

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

console.dir(elems);