如何在 JavaScript 中获取自定义数据属性值

在 HTML5 中，我们可以使用自定义数据属性（data-*）来在 HTML 元素上存储自定义的数据。这些自定义数据属性可以帮助应用程序在页面上存储和读取数据，而不需要使用其他外部数据存储方式。

在 JavaScript 中，我们可以使用 dataset 属性来获取自定义数据属性的值。dataset 属性会返回一个 DOMStringMap 对象，包含了所有以 data-* 属性名开头的属性键和它们的对应值。

以下是一个示例 HTML 代码：

<div id="example" data-foo="bar" data-abc="123"></div>

要获取 data-foo 的值，可以通过以下代码实现：

const exampleDiv = document.querySelector('#example');
const fooValue = exampleDiv.dataset.foo;
// fooValue 的值为 "bar"

可以使用相同的方法获取 data-abc 的值：

const abcValue = exampleDiv.dataset.abc;
// abcValue 的值为 "123"

需要注意的是，dataset 属性返回的值的类型是字符串，如果需要进行其他的类型转换，需要自行使用对应的方法进行转换。

以上便是在 JavaScript 中获取自定义数据属性的值的方法，希望对您有所帮助。