Eienskap dataset

In die HTML taal is dit toegelaat om jou eie kenmerke by etikette te voeg, mits hulle begin met data-, gevolg deur enige kenmerknaam. Om na sulke kenmerke via JavaScript te verwys, word die spesiale eienskap dataset gebruik.

Sintaksis

javascriptelement.dataset.naam;

Voorbeeld

Kom ons lees die waarde van die kenmerk:

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

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

console.log(res);

Resultaat van die kode-uitvoering:

javascript'1000'

Voorbeeld

Kom ons verander die waarde van die kenmerk:

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

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

As gevolg sal die kode so lyk:

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

Sien ook