Ugrađene DOM klase JavaScript-a

DOM elementi takođe predstavljaju objekte ugrađenih klasa. Pogledajmo na primeru. Neka imamo paragraf:

html<p>tekst</p>

Dobijamo referencu na njega u promenljivu:

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

Ispišimo ovaj paragraf u konzolu:

javascriptconsole.log(elem);

A sada pogledajmo spisak svojstava i metoda našeg paragrafa:

javascriptconsole.dir(elem);

Može se utvrditi kojoj klasi pripada naš paragraf. Za ovo u spisku svojstava treba pronaći posebno svojstvo [[Prototype]]. U njemu mi vidimo da paragraf pripada klasi HTMLParagraphElement. Proverimo ovo:

javascriptconsole.log(elem instanceof HTMLParagraphElement); // tačno

Задание 1

Proučite rezultat izvršavanja sledećeg koda:

html<div>tekst</div>

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

Odredite kojoj klasi pripada ovaj tag.

Задание 2

Proučite rezultat izvršavanja sledećeg koda:

html<input>

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

Odredite kojoj klasi pripada ovaj tag.

Задание 3

Proučite rezultat izvršavanja sledećeg koda:

html<div>tekst</div>
<div>tekst</div>
<div>tekst</div>

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

Odredite kojoj klasi pripada rezultat.

Задание 4

Proučite rezultat izvršavanja sledećeg koda:

html<div>
  <p>tekst</p>
  <p>tekst</p>
  <p>tekst</p>
</div>

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

console.dir(elems);

Odredite kojoj klasi pripada rezultat.