dataset ဂုဏ်သတ္တိ

HTML ဘာသာစကားတွင် သင့်ကိုယ်ပိုင် အာထရီဗျုများကို တက်ဂ်များသို့ ထည့်ရန် ခွင့်ပြုထားပြီး၊ ၎င်းတို့သည် data- ဖြင့် စတင်ရမည်၊ ထို့နောက် မည်သည့် အာထရီဗျု အမည်မဆို လိုက်နိုင်သည်။ �ိုကဲ့သို့သော အာထရီဗျုများကို JavaScript မှတစ်ဆင့် ဆက်သွယ်ရန် အထူးဂုဏ်သတ္တိ dataset ကို အသုံးပြုသည်။

ဝါကျဖွဲ့ပုံ

element.dataset.name;

ဥပမာ

အာထရီဗျု၏တန်ဖိုးကို ဖတ်ကြည့်ရအောင်:

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

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

console.log(res);

ကုဒ်အား run ပြီးနောက် ရလဒ်:

'1000'

ဥပမာ

အာထရီဗျု၏တန်ဖိုးကို ပြောင်းလဲကြည့်ရအောင်:

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

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

ရလဒ်အနေဖြင့် ကုဒ်သည် အောက်ပါအတိုင်း ဖြစ်သွားမည်:

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

ဤအကြောင်းကိုလည်း ကြည့်ပါ

getAttribute method,
သည် အာထရီဗျုများကို ရယူပေးသည်
setAttribute method,
သည် အာထရီဗျုများကို ရေးသားပေးသည်