数据名称（数据集）属性未正确报告

Question

我在元素节点（El.dataset.FTid = i;）上创建了一个自定义数据集属性，其中i是一个数字，但是当我使用（El.attributes）进行查看时，该属性名称报告为（data--f-tid）而不是（data-FTid）预期。很奇怪！ Firefox 63.0.3（64位）。

Answer 1

设置DOM元素的dataset集合的属性时，它们将自动转换为these rules之后的相应属性名称：

  

camelCase到破折号样式：相反的变换，映射一个键   属性名称，则使用以下规则：

     

限制：

     

  

• 破折号后不能紧接ASCII   小写字母a到z（转换之前）；

  

• 前缀数据-是   添加;

  

• 任何ASCII大写字母A到Z都转换为破折号   其次是小写字母；

  

• 还剩下其他字符   保持不变。

  

在您的情况下，您可能应该使用：

El.dataset.ftId = i;

可以通过以下方式访问：

El.getAttribute('data-ft-id')