Clasele DOM încorporate în JavaScript

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

html<p>text</p>

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

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

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

javascriptconsole.log(elem);

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

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

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

Задание 1

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

html<div>text</div>

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

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

Задание 2

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

html<input>

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

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

Задание 3

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

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

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

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

Задание 4

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

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

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

console.dir(elems);

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