Ugrađene DOM klase JavaScript-a

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

<p>tekst</p>

Dobijamo referencu na njega u promenljivu:

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

Ispišimo ovaj paragraf u konzolu:

console.log(elem);

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

console.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:

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

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

<div>tekst</div>

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

Odredite kojoj klasi pripada ovaj tag.

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

<input>

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

Odredite kojoj klasi pripada ovaj tag.

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

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

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

Odredite kojoj klasi pripada rezultat.

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

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

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

console.dir(elems);

Odredite kojoj klasi pripada rezultat.