HTML5 – 新增自定义属性

dataset

HTML5 新增了一项自定义属性的功能

<input type="text" data-foo-name="xxx">

document.querySelector("input").dataset['fooName']  == "xxx"

如果自定义属性使用多个单词，在 dataset 中需要使用 驼峰 写法，并且不需添加 data- 的关键字

定义规范

1.data- 开头

2.data- 后面必须至少一个字符

定义建议

1.名称应该都使用小写，不要包含任何的大写字符

2.名称中不要有任何的特殊符号

3.名称不要使用纯数字