Clasele DOM încorporate în JavaScript

Elementele DOM reprezintă, de asemenea, obiecte ale claselor încorporate. Să privim un exemplu. Să presupunem că avem un paragraf:

<p>text</p>

Să obținem o referință la el într-o variabilă:

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

Să afișăm acest paragraf în consolă:

console.log(elem);

Și acum să ne uităm la lista de proprietăți și metode ale paragrafului nostru:

console.dir(elem);

Se poate determina cărei clase îi aparține paragraful nostru. Pentru aceasta, în lista de proprietăți trebuie găsită o proprietate specială [[Prototype]]. În ea putem vedea că paragraful aparține clasei HTMLParagraphElement. Să verificăm acest lucru:

console.log(elem instanceof HTMLParagraphElement); // true

Studiați rezultatul executării următorului cod:

<div>text</div>

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

Determinați cărei clase îi aparține acest tag.

Studiați rezultatul executării următorului cod:

<input>

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

Determinați cărei clase îi aparține acest tag.

Studiați rezultatul executării următorului cod:

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

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

Determinați cărei clase îi aparține rezultatul.

Studiați rezultatul executării următorului cod:

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

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

console.dir(elems);

Determinați cărei clase îi aparține rezultatul.