javascript - 数据名称(数据集)属性未正确报告

Question

我在元素节点 (El.dataset.FTid=i;) 上创建了一个自定义数据集属性，其中 i 是一个数字，但是当我使用 (El.attributes) 查看它时，属性名称报告为(data--f-tid) 而不是预期的 (data-FTid)。很奇怪!火狐浏览器 63.0.3(64 位)。

Answer 1

设置DOM元素的dataset集合的属性时，会自动转换为these rules后面对应的属性名称:

camelCase to dash-style: The opposite transformation, that maps a key to an attribute name, uses the following rules:

Restriction:

• A dash must not be immediately followed by an ASCII lowercase letter a to z (before the transformation);

• a prefix data- is added;

• any ASCII uppercase letter A to Z is transformed into a dash followed by its lowercase counterpart;

• other characters are left unchanged.

就您而言，您可能应该使用:

El.dataset.ftId = i;

可以通过以下方式访问:

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