码迷,mamicode.com
首页 > 编程语言 > 详细

全栈JavaScript之路(十八)HTML5 自定义数据属性

时间:2014-07-09 12:47:56      阅读:283      评论:0      收藏:0      [点我收藏+]

标签:html5   dataset   data-   自定义属性   

HTML5 规范规定,用户可以为元素 自定义非标准属性, 但是要添加 data- 前缀。


目的是为元素提供与页面渲染无关的信息、或者语义信息。这些属性名可以随意添加,只要带上前缀 data- 开头就可以。


<div id="myid" data-appid="1" data-appname="csdn"></div>

添加属性这后可以通过 dataset 访问自定义属性,dataset 属性 是DOMStringMap  类型的实例, 也是一个 key : value 的键值对。

注册:每一个data-name  形式的属性 对应, dataset 的 name 属性。

以上面的例子来说; 

var div = document.getElementById("myid");
div.dataset.appid ===' 1'; //true
div.dataset.appname ==='nama';//true

可以设置自定义属生的值:

div.dataset.appid = "100"





全栈JavaScript之路(十八)HTML5 自定义数据属性,布布扣,bubuko.com

全栈JavaScript之路(十八)HTML5 自定义数据属性

标签:html5   dataset   data-   自定义属性   

原文地址:http://blog.csdn.net/liveinjs/article/details/37569627

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