Properti dataset

Dalam bahasa HTML, diizinkan untuk menambahkan atribut kustom pada tag, dengan syarat harus diawali dengan data-, dan kemudian diikuti oleh nama atribut apa pun. Untuk mengakses atribut tersebut melalui JavaScript, digunakan properti khusus dataset.

Sintaks

javascriptelemen.dataset.nama;

Contoh

Mari baca nilai atributnya:

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

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

console.log(res);

Hasil eksekusi kode:

javascript'1000'

Contoh

Mari ubah nilai atributnya:

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

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

Hasilnya, kode akan terlihat seperti ini:

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

Lihat juga