HTML5 dataset All In One

HTML5 dataset All In One

dataset

https://developer.mozilla.org/en-US/docs/Web/API/HTMLOrForeignElement/dataset#Name_conversion

<!-- DOM & dataset -->
<button data-unique-id="007">👻 click me get the button's id!</button>

<!-- camelCase to dash-style conversion ✅ -->

const log = console.log;

const btn = document.querySelector(`[data-unique-id="007"]`);

// ⚠️ dash-style to camelCase conversion ✅
const uid = btn.dataset.uniqueId;

log(`button unique id =`, uid);

https://developer.mozilla.org/en-US/docs/Web/API/DOMStringMap

refs

---

---

©xgqfrms 2012-2020

www.cnblogs.com 發佈文章使用：只允許註冊用戶纔可以訪問！

---

https://developer.mozilla.org/en-US/docs/Web/API/HTMLOrForeignElement/dataset#Name_conversion