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
elemen.dataset.nama;
Contoh
Mari baca nilai atributnya:
<div data-cost="1000"></div>
let elem = document.querySelector('div');
let res = elem.dataset.cost;
console.log(res);
Hasil eksekusi kode:
'1000'
Contoh
Mari ubah nilai atributnya:
<div data-cost="1000"></div>
let elem = document.querySelector('div');
elem.dataset.cost = '2000';
Hasilnya, kode akan terlihat seperti ini:
<div data-cost="2000"></div>
Lihat juga
-
metode
getAttribute,
yang mengambil atribut -
metode
setAttribute,
yang menuliskan atribut
