全栈JavaScript之路(十八)HTML5 自定义数据属性
来源:互联网 发布:nature数据库 东南大学 编辑:程序博客网 时间:2024/04/28 17:05
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'; //truediv.dataset.appname ==='nama';//true
可以设置自定义属生的值:
div.dataset.appid = "100"
19 0
- 全栈JavaScript之路(十八)HTML5 自定义数据属性
- 全栈JavaScript之路(十四)HTML5 中与class属性相关的扩充
- 全栈JavaScript之路(十七)HTML5 新增字符集属性
- JavaScript高级程序设计之DOM 扩展之HTML5之自定义数据属性第11.3.5讲
- [HTML5]自定义数据属性
- 全栈JavaScript之路(十九)HTML5 插入 html标记 ( 一 )innerHTML 与outerHTML
- 全栈JavaScript之路( 二十 )HTML5 插入 html标记 ( 二 )insertAdjacentHTML
- 全栈JavaScript之路(十五)HTML5 focus 扩展 (焦点扩展)
- 全栈JavaScript之路(十六)HTML5 HTMLDocument 类型的变化
- 全栈JavaScript之路( 二十一)HTML5 scrollIntoView方法
- HTML5实战与剖析之自定义数据属性(dataset)
- HTML5自定义属性之data-
- JavaScript之自定义属性
- HTML5新特性:自定义数据属性data-*
- 如何使用HTML5自定义数据属性
- 如何使用HTML5自定义数据属性
- 如何使用HTML5自定义数据属性
- HTML5之新特性(选择器、class列表属性、JSON新方法、data自定义数据、延迟加载JS)
- 使用dtd制作XML约束
- unity3d 混淆
- C++ 中的赋值运算符重载和复制构造函数
- ECMS(帝国CMS)下创建表单实现客户端用户信息的录入
- HDU 1075 What Are You Talking About
- 全栈JavaScript之路(十八)HTML5 自定义数据属性
- 这世界为什么有这么一个妖孽
- andoird --- XmlPullParser 的使用
- Delphi的结构体用法2
- python 多线程与线程池
- OSX下MySQL学习基础环境搭建
- 这世界为什么有这么一个妖孽
- timeb 的使用
- 杭电题目分类