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中自定义属性的详细介绍的内容，如果想了解更多，欢迎关注创新互联行业资讯频道哦！