html5中自定义属性的详细介绍

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


当前名称:html5中自定义属性的详细介绍
分享地址:http://bzwzjz.com/article/ihpici.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 高端网站设计 成都网站建设公司 高端网站建设 网站设计公司 商城网站建设 成都网站建设公司 成都网站建设公司 成都网站建设公司 重庆网站建设 成都企业网站设计 网站建设公司 成都网站制作 营销型网站建设 成都网站建设 高端网站设计 网站制作公司 成都网站设计 温江网站设计 成都网站建设 品牌网站建设 成都网站设计 企业网站设计