这篇文章主要介绍在html5中拥有什么自定义属性，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

定义

H5为我们提供了以 "data-" 为前缀定义需要的属性即可设置自定义属性。

<divid="box1"data-name="Musk"></div><divid="box2"data-full-name="ElonMusk"></div>

获取

使用H5自定义属性对象dataset来获取：

letbox1=document.getElementById('box1');letbox2=document.getElementById('box2');box1.dataset.name//Muskbox2.dataset.fullName//ElonMusk(驼峰)box1.getAttribute('data-name')//Muskbox2.getAttribute('data-full-name')//ElonMusk

设置

letbox1=document.getElementById('box1');letbox2=document.getElementById('box2');box1.dataset.name='马斯克'box2.setAttribute('data-full-name','埃隆马斯克')

以上是“在html5中拥有什么自定义属性”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注亿速云行业资讯频道！