Sifat dataset

Dalam bahasa HTML, adalah dibenarkan untuk menambah atribut sendiri kepada tag, dengan syarat ia mesti bermula dengan data-, diikuti dengan sebarang nama atribut. Untuk mengakses atribut tersebut melalui JavaScript, satu sifat khas dataset digunakan.

Sintaks

elemen.dataset.nama;

Contoh

Mari baca nilai atribut:

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

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

console.log(res);

Keputusan pelaksanaan kod:

'1000'

Contoh

Mari ubah nilai atribut:

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

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

Hasilnya, kod akan kelihatan seperti ini:

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

Lihat juga

kaedah getAttribute,
yang mendapatkan atribut
kaedah setAttribute,
yang menetapkan atribut