本文是有关html5中自定义属性的详细介绍，对你们应该是有一定的帮助的，我们一起来看看吧。
定义
H5为我们提供了以 "data-" 为前缀定义需要的属性即可设置自定义属性。
<div id="box1" data-name="Musk"></div> <div id="box2" data-full-name="Elon Musk"></div>
获取
使用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中自定义属性的详细介绍的内容，如果想了解更多，欢迎关注亿速云行业资讯频道哦！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
