全栈JavaScript之路(十八)HTML5 自己定义数据属性
2015-12-25 09:56
495 查看
HTML5 规范规定,用户能够为元素 自己定义非标准属性, 可是要加入 data- 前缀。
目的是为元素提供与页面渲染无关的信息、或者语义信息。这些属性名能够任意加入,仅仅要带上前缀 data- 开头就能够。
加入属性这后能够通过 dataset 訪问自己定义属性,dataset 属性 是DOMStringMap 类型的实例。 也是一个 key : value 的键值对。
注冊:每个data-name 形式的属性 相应。 dataset 的 name 属性。
以上面的样例来说;
能够设置自己定义属生的值:
目的是为元素提供与页面渲染无关的信息、或者语义信息。这些属性名能够任意加入,仅仅要带上前缀 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"
相关文章推荐
- 让ie运行js时提示允许阻止内容运行的解决方法
- 在 ExtJS 中使用 Font Awesome
- 尝试动手制作javascript放大镜效果
- Javascript的DOM操作 - 你真的了解吗?
- js操作cookie保存浏览记录的方法
- js实现跨域的多种方法
- 理解javascript中try...catch...finally
- jsp 页面中 找不到类中的属性
- js放置位置及原因
- javascript高级开发学习笔记九
- javascript高级开发学习笔记十
- javascript高级开发学习笔记七
- javascript高级开发学习笔记八
- javascript实现简单加载随机色方块
- js发送post请求
- JS设置cookie、读取cookie、删除cookie
- 学习JavaScript鼠标响应事件
- 理解javascript中DOM事件
- javascript闭包
- javascript常用代码大全