怎么在Html5中自定义属性-创新互联

这篇文章将为大家详细讲解有关怎么在Html5中自定义属性,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

坚守“ 做人真诚 · 做事靠谱 · 口碑至上 · 高效敬业 ”的价值观,专业网站建设服务10余年为成都成都假山制作小微创业公司专业提供成都定制网站营销网站建设商城网站建设手机网站建设小程序网站建设网站改版,从内容策划、视觉设计、底层架构、网页布局、功能开发迭代于一体的高端网站建设服务。

定义


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/dgicpe.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站建设 成都网站设计 响应式网站设计 成都商城网站建设 成都网站设计 四川成都网站制作 高端网站设计 成都品牌网站建设 定制网站建设多少钱 营销网站建设 专业网站设计 四川成都网站建设 重庆企业网站建设 高端定制网站设计 手机网站建设 app网站建设 成都网站制作 成都定制网站建设 网站设计 网站建设方案 成都网站建设 宜宾网站设计