关于html5中自定义属性的介绍

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

（推荐教程：H5教程）

获取

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

let box1 = document.getElementById(&＃39;box1&＃39;);
let box2 = document.getElementById(&＃39;box2&＃39;);
 
box1.dataset.name // Musk
box2.dataset.fullName // Elon Musk (驼峰)
 
box1.getAttribute(&＃39;data-name&＃39;) // Musk
box2.getAttribute(&＃39;data-full-name&＃39;) // Elon Musk

设置

let box1 = document.getElementById(&＃39;box1&＃39;);
let box2 = document.getElementById(&＃39;box2&＃39;);
 
box1.dataset.name = &＃39;马斯克&＃39;
box2.setAttribute(&＃39;data-full-name&＃39;, &＃39;埃隆 马斯克&＃39;)

相关视频教程推荐：html5视频教程

以上就是关于html5中自定义属性的介绍的详细内容，更多请关注其它相关文章！