dataset Özelliği
HTML dilinde, etiketlere kendi özniteliklerinizi eklemeye izin verilir,
bu öznitelikler data- ile başlamalıdır,
ve ardından herhangi bir öznitelik adı gelebilir.
Bu tür özniteliklere JavaScript üzerinden erişmek için
özel bir dataset özelliği kullanılır.
Sözdizimi
eleman.dataset.isim;
Örnek
Bir özniteliğin değerini okuyalım:
<div data-cost="1000"></div>
let elem = document.querySelector('div');
let res = elem.dataset.cost;
console.log(res);
Kodun çalıştırılmasının sonucu:
'1000'
Örnek
Bir özniteliğin değerini değiştirelim:
<div data-cost="1000"></div>
let elem = document.querySelector('div');
elem.dataset.cost = '2000';
Sonuç olarak kod şu şekilde görünecektir:
<div data-cost="2000"></div>
Ayrıca Bakınız
-
getAttributemetodu,
öznitelikleri alır -
setAttributemetodu,
öznitelikleri yazar
