重庆分公司
重庆分公司，新征程启航
为企业提供网站建设、域名注册、服务器等服务
怎么在Html5中自定义属性
这篇文章将为大家详细讲解有关怎么在Html5中自定义属性，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。
网站建设哪家好，找创新互联公司！专注于网页设计、网站建设、微信开发、小程序定制开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了塔河免费建站欢迎大家使用！
定义
H5为我们提供了以 "data-" 为前缀定义需要的属性即可设置自定义属性
获取
使用H5自定义属性对象dataset来获取
let box1 = document.getElementById('box1');
let box2 = document.getElementById('box2');
box1.dataset.name // Musk
box2.dataset.fullName // Elon Musk (驼峰)
box1.getAttribute('data-name') // Musk
box2.getAttribute('data-full-name') // Elon Musk设置
let box1 = document.getElementById('box1');
let box2 = document.getElementById('box2');
box1.dataset.name = '马斯克'
box2.setAttribute('data-full-name', '埃隆 马斯克')关于怎么在Html5中自定义属性就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。
本文标题：怎么在Html5中自定义属性
标题链接：http://cqcxhl.cn/article/geidsi.html