HTML-面试-data属性
2026年10月16日·Admin·2 次浏览
面试题:data-* 自定义属性有什么用?和 JS 如何交互?
规范
- 属性名形式
data-xxx-yyy,小写、含连字符。 - 可通过
element.dataset访问:驼峰映射data-user-id→dataset.userId。
用途
在 HTML 上挂载少量配置(轮播间隔、组件 id),供脚本读取,避免滥用 class 当数据钩子。
注意
- 不要存大量或敏感数据(DOM 可见、易改)。
- 体积:过多自定义属性略增 HTML 体积;复杂状态仍应用 JS 状态管理。