HTML data-* အခြေအား

အခြေအား နှင့် အသုံးပြုပုံ

data-* အခြေအား အသုံးပြုထားသော အခြေအား အရေးယူထားသော ကိုယ်ဝင် အခြေအား ဖြင့် အသုံးပြုနိုင်သည်

data-* အခြေအား ကိုယ်ဝင် အခြေအား ဖြင့် အသုံးပြုရန် အခြေအား အသုံးပြုနိုင်သော အခြေအား အပေါ် အသုံးပြုနိုင်သည်

သို့ဖြစ်၍ စာမျက်နှာ သင်္ကေတတွင် အသုံးပြုထားသော ဂျာမိုကရစ် အတွက် ကိုယ်ဝင် အခြေအား အသုံးပြုနိုင်သည်၊ ကောင်းမွန်သော အသုံးပြုသူ အခြေအား ပေါ်လစ်ပတ် ကို ဖွင့်ပေးရန် (Ajax အသုံးပြုမှု သို့မဟုတ် လိုင်းဝန်းကျင် ဗဟိုသင်္ကေတ အစီအစဥ်) နှင့် သဘောတူညီကြောင်း ဖော်ပြသည်。

data-* အခြေအား အရေးယူထားသော အချက် နှစ်ခု ဖြင့် ဖွဲ့စည်းထားပါ

  • အခြေအား အမည် အများဆက်မပါ ရှိပါ သေးသည့် အကြမ်းအား နှင့် "data-" အပြင်အသား ပြီးနောက် အသုံးပြုရန် အသုံးပြုရမည်
  • အခြေအား အရေးယူထားသော စကားလုံး

အကြောင်းအရာ: အသုံးပြုသူ သတ္တုပတ်တို့ အပြင်အသား "data-" ဖြင့် ချွတ်ယွင်းထားသော ကိုယ်ဝင် အခြေအား လုံးဝ ချွတ်ယွင်းလိမ့်မည်။

အခြား လေ့လာကြုံ့:

HTML အထင်ကျေးမြားပြီး အခြေခံအဆိုHTML လက်ခံရာ

HTML DOM လုပ်စမ်းသုံးခြင်းHTML DOM getAttribute() စက်တင်

အမှတ်ပြ

data-* လက်ခံရာ ကို အသုံးပြုခြင်း ဖော်ပြ

<ul>
  <li data-animal-type="သတ္တဝါ">လှပသော ကျွဲ</li>
  <li data-animal-type="ရေသတ္တဝါ">ကြီးများ</li>
  <li data-animal-type="လှပသော ကျွဲ">ပျား</li>
</ul>

ကိုယ်တိုင် ကျင်းပခြင်း

အက္ခရာ

<element data-*="somevalue">

လက်ခံရာ သတ်မှတ်

လက်ခံရာ ဖော်ပြ
somevalue လက်ခံရာ သတ်မှတ်ခြင်း ကို (ကိုက်ချက်မှာ သက်ရှိသည်)

ဘတ်ယား လက်ခံ

အခြေအနေ အရာများ ကို အဆိုပါ လက်ခံရာ ကို အသုံးပြုသော ဘတ်ယား ပေါ်တွင် ပထမဆုံး လက်ခံသော ဘတ်ယား ကန်ပြီး လက်ခံသည်

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 5.5 2.0 3.1 9.6