码迷,mamicode.com
首页 > 其他好文 > 详细

data-属性的作用

时间:2019-05-13 23:03:07      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:code   ntb   class   作用   style   ase   获取   span   数据   

data-用于存储页面或应用程序的私有自定义数据,赋予我们在所有HTML元素上嵌入自定义data属性的能力,存储的数据能被页面的JS利用,以创建更好的用户体验。

1 <div id="box" data-user-name="lily"></div>
2 var box = document.getElementById("box");
3 //js获取data属性数据
4 var username = box.dataset.userName;
5 //jQuery获取data属性数据
6 var username = $("#box").data("userName");

 

data-属性的作用

标签:code   ntb   class   作用   style   ase   获取   span   数据   

原文地址:https://www.cnblogs.com/gxx129/p/10859265.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!