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:

<p>tekst</p>

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

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

Lad os udskrive dette afsnit til konsollen:

console.log(elem);

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

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

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

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

<div>tekst</div>

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

Bestem hvilken klasse dette tag tilhører.

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

<input>

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

Bestem hvilken klasse dette tag tilhører.

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

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

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

Bestem hvilken klasse resultatet tilhører.

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

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

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

console.dir(elems);

Bestem hvilken klasse resultatet tilhører.