Klasat e integruara DOM në JavaScript

Elementet DOM gjithashtu përfaqësojnë objekte të klasave të integruara. Le të shohim me një shembull. Le të themi se kemi një paragraf:

<p>tekst</p>

Le të marrim një referencë për të në një ndryshore:

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

Le të shfaqim këtë paragraf në konsolë:

console.log(elem);

Dhe tani le të shohim listën e vetive dhe metodave të paragrafit tonë:

console.dir(elem);

Mund të përcaktohet se cilës klase i përket paragrafi ynë. Për këtë në listën e vetive duhet gjetur një veti të veçantë [[Prototype]]. Në të ne shohim se paragrafi i përket klasës HTMLParagraphElement. Le ta kontrollojmë këtë:

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

Studioni rezultatin e ekzekutimit të kodit në vijim:

<div>tekst</div>

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

Përcaktoni cilës klase i përket ky tag.

Studioni rezultatin e ekzekutimit të kodit në vijim:

<input>

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

Përcaktoni cilës klase i përket ky tag.

Studioni rezultatin e ekzekutimit të kodit në vijim:

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

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

Përcaktoni cilës klase i përket rezultati.

Studioni rezultatin e ekzekutimit të kodit në vijim:

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

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

console.dir(elems);

Përcaktoni cilës klase i përket rezultati.