Classi DOM integrate JavaScript

Gli elementi DOM rappresentano anch'essi oggetti di classi integrate. Diamo un'occhiata con un esempio. Supponiamo di avere un paragrafo:

html<p>testo</p>

Otteniamo un riferimento ad esso in una variabile:

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

Stampiamo questo paragrafo in console:

javascriptconsole.log(elem);

E ora diamo un'occhiata all'elenco delle proprietà e metodi del nostro paragrafo:

javascriptconsole.dir(elem);

È possibile determinare a quale classe appartiene il nostro paragrafo. Per fare questo nella lista delle proprietà bisogna trovare una speciale proprietà [[Prototype]]. In essa noi vediamo che il paragrafo appartiene alla classe HTMLParagraphElement. Verifichiamolo:

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

Задание 1

Studiate il risultato dell'esecuzione del seguente codice:

html<div>testo</div>

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

Determinate a quale classe appartiene questo tag.

Задание 2

Studiate il risultato dell'esecuzione del seguente codice:

html<input>

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

Determinate a quale classe appartiene questo tag.

Задание 3

Studiate il risultato dell'esecuzione del seguente codice:

html<div>testo</div>
<div>testo</div>
<div>testo</div>

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

Determinate a quale classe appartiene il risultato.

Задание 4

Studiate il risultato dell'esecuzione del seguente codice:

html<div>
  <p>testo</p>
  <p>testo</p>
  <p>testo</p>
</div>

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

console.dir(elems);

Determinate a quale classe appartiene il risultato.