Indbyggede DOM klasser i JavaScript

DOM elementer er også objekter af indbyggede klasser. Lad os se på et eksempel. Antag, at vi har et afsnit:

html<p>tekst</p>

Lad os få en reference til det i en variabel:

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

Lad os udskrive dette afsnit til konsollen:

javascriptconsole.log(elem);

Og lad os nu se på listen over egenskaber og metoder for vores afsnit:

javascriptconsole.dir(elem);

Man kan bestemme hvilken klasse vores afsnit tilhører. For at gøre dette skal man i egenskabslisten finde en speciel egenskab [[Prototype]]. I den kan vi se, at afsnittet tilhører klassen HTMLParagraphElement. Lad os kontrollere dette:

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

Задание 1

Undersøg resultatet af udførelsen af følgende kode:

html<div>tekst</div>

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

Bestem hvilken klasse dette tag tilhører.

Задание 2

Undersøg resultatet af udførelsen af følgende kode:

html<input>

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

Bestem hvilken klasse dette tag tilhører.

Задание 3

Undersøg resultatet af udførelsen af følgende kode:

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

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

Bestem hvilken klasse resultatet tilhører.

Задание 4

Undersøg resultatet af udførelsen af følgende kode:

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

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

console.dir(elems);

Bestem hvilken klasse resultatet tilhører.