作者:骑猪猪-逛恋空 | 来源:互联网 | 2020-09-14 19:23
html5为我们提供了以【data-】为前缀定义需要的属性即可设置自定义属性,如【<divid"box2"data-full-name"ElonMusk"><div>】。
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中自定义属性的介绍的详细内容,更多请关注 第一PHP社区 其它相关文章!