JavaScript 自定义属性操作

在 JavaScript 中，可以使用自定义属性来存储与元素相关的数据。自定义属性允许开发人员在元素上存储任何类型的数据，包括字符串、数字、对象等。接下来，我将详细解析如何在 JavaScript 中操作自定义属性，并提供相应的代码示例。

1. 设置自定义属性： 要设置自定义属性，可以使用 setAttribute 方法来给元素添加属性。语法如下：

element.setAttribute('data-属性名', '属性值');

这里的 data-属性名 是自定义属性的命名规则，属性值 是要存储的数据。例如，设置一个 data-name 属性：

var element = document.getElementById('myElement');
element.setAttribute('data-name', 'John');

1. 获取自定义属性： 要获取自定义属性的值，可以使用 getAttribute 方法来获取。语法如下：

var value = element.getAttribute('data-属性名');

例如，获取 data-name 属性的值：