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:

html<p>tekst</p>

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

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

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

javascriptconsole.log(elem);

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

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

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

Задание 1

Studioni rezultatin e ekzekutimit të kodit në vijim:

html<div>tekst</div>

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

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

Задание 2

Studioni rezultatin e ekzekutimit të kodit në vijim:

html<input>

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

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

Задание 3

Studioni rezultatin e ekzekutimit të kodit në vijim:

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

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

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

Задание 4

Studioni rezultatin e ekzekutimit të kodit në vijim:

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

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

console.dir(elems);

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