ชื่อแอตทริบิวต์ที่มีเครื่องหมายยติภังใน JavaScript

แอตทริบิวต์ที่กำหนดโดยผู้ใช้สามารถมี เครื่องหมายยติภังในชื่อได้ ตัวอย่างเช่น:

html<div id="elem" data-my-test="1000"></div>

สำหรับการเข้าถึงแอตทริบิวต์ดังกล่าว ควรใช้ camelCase:

javascriptlet elem = document.querySelector('#elem');
console.log(elem.dataset.myTest);

html<div id="elem" data-product-price="1000" data-product-amount="5">
  สินค้า แอปเปิ้ล
</div>