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

javascripteleman.dataset.isim;

Örnek

Bir özniteliğin değerini okuyalım:

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

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

console.log(res);

Kodun çalıştırılmasının sonucu:

javascript'1000'

Örnek

Bir özniteliğin değerini değiştirelim:

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

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

Sonuç olarak kod şu şekilde görünecektir:

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

Ayrıca Bakınız