Хијерархија уграђених класа у ООП у 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);