html5中有哪些自定义属性-创新互联

今天就跟大家聊聊有关html5中有哪些自定义属性,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

创新互联建站主要从事网站设计制作、成都网站制作、网页设计、企业做网站、公司建网站等业务。立足成都服务大通,十余年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108

 定义

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中有哪些自定义属性-创新互联
URL标题:http://bzwzjz.com/article/dhhsjp.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站建设推广 手机网站制作设计 专业网站设计 营销型网站建设 重庆企业网站建设 网站制作 成都定制网站建设 成都网站建设公司 H5网站制作 成都定制网站建设 成都网站制作 定制级高端网站建设 成都模版网站建设 网站制作公司 网站建设方案 商城网站建设 专业网站设计 成都网站建设 成都网站设计制作公司 成都网站建设 定制网站建设 营销型网站建设