首页 > 代码库 > 全栈JavaScript之路(十八)HTML5 自定义数据属性
全栈JavaScript之路(十八)HTML5 自定义数据属性
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"
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。