Tên thuộc tính có dấu gạch ngang trong JavaScript

Thuộc tính tùy chỉnh có thể chứa dấu gạch ngang trong tên của chúng, ví dụ như sau:

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

Để truy cập các thuộc tính như vậy, nên sử dụng camelCase:

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

html<div id="elem" data-product-price="1000" data-product-amount="5">
  sản phẩm táo
</div>