Vetia dataset

Në gjuhën HTML lejohet shtimi i atributeve tuaja të etiketave, duke filluar me data-, e ndjekur nga çdo emër atributi. Për të qasur atribute të tilla përmes JavaScript përdoret vetia e veçantë dataset.

Sintaksa

javascriptelement.dataset.emri;

Shembull

Le të lexojmë vlerën e atributit:

html<div data-cost="1000"></div>

javascriptlet elem = document.querySelector('div');
let res = elem.dataset.cost;

console.log(res);

Rezultati i ekzekutimit të kodit:

javascript'1000'

Shembull

Le të ndryshojmë vlerën e atributit:

html<div data-cost="1000"></div>

javascriptlet elem = document.querySelector('div');
elem.dataset.cost = '2000';

Si rezultat, kodi do të duket kështu:

html<div data-cost="2000"></div>

Shihni gjithashtu