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

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

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

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

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

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

javascriptconsole.dir(elem);

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

Задание 1

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

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

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

Задание 2

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

html<input>

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

Задание 3

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

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

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

Задание 4

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

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

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

console.dir(elems);