DOMException：数据集上的属性名称无效

Question

当执行以下代码时，我收到“Uncaught DOMException: Failed to set the 'child-count' property on 'DOMStringMap': 'child-count' is not a valid property name.” ：

elem.dataset['child-count'] = "test";

其中 elem 是一个 HTMLElement。

认为在数据属性名称中使用“-”字符是合法的，还是我遗漏了其他内容？

Answer 1

dataset 属性是驼峰式的：elem.dataset.childCount。它们被隐式转换为带连字符的属性名称（在您的情况下为data-child-count）。