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://csruizhi.cn/article/ihpici.html

其他资讯

Copyright © 2007-2024 成都优众联杰科技有限公司 All Rights Reserved 蜀ICP备2024116266号
友情链接: 成都网站制作 重庆电商网站建设 成都网站建设公司 网站建设方案 手机网站建设 企业手机网站建设 营销型网站建设 网站设计公司 成都企业网站制作 成都网站建设 外贸网站设计方案 成都网站设计 成都网站建设 重庆网站建设 品牌网站建设 阿坝网站设计 网站建设推广 高端网站设计推广 移动手机网站制作 成都网站设计 网站建设 重庆企业网站建设