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

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

html<p>text</p>

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

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

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

javascriptconsole.dir(elem);

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

Задание 1

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

html<div>text</div>

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

Задание 2

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

html<input>

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

Задание 3

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

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

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

Задание 4

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

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

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

console.dir(elems);