DOM对象的dataset属性
来源:互联网 发布:淘宝怎么玩的 编辑:程序博客网 时间:2024/05/22 13:05
email:gm4linus at gmail dot com
你可能在HTML代码中看到很多人写类似如下的代码
<div data-id="id" data-age="age" id="user">display name</div>其实这是HTML5规范的一部分,DOM对象中有个dataset属性对象,可以在该对象中存一些与该DOM对象相关的数据。如上写法是在生成dom对象时对dataset的一个初始化的动作,dataset中会存在一个id属性和age属性。这里需要注意data-仅仅是一个约定好的前缀,在生成DOM对象时所有已data-开头的属性会将其去掉前缀data-后存在dataset中。
从http://caniuse.sinaapp.com/html/item/dataset/index.html可以看出该属性的浏览器兼容性还是不错的,在不兼容的浏览器中可以使用getAttribute之类的方法来降级使用。
js示例如下:
var dataset = document.getElementById("cuebar");if( '18' === dataset.dataset['age'] ){console.log(' is 18');}dataset['oox'] = 'some value';dataset['id'] = 'new id';
需要注意的是dataset中的属性值只能是字符串,非字符串会转换为字符串后存储,所以要存对象类型是务必小心。
0 0
- DOM对象的dataset属性
- DataSet对象的属性
- DOM的对象属性
- DOM-window对象的属性
- DOM中对象的属性
- Dom模型之dataset属性/Html元素标签的data-*属性
- DOM中关于对象范围的属性
- Dom笔记4:Window对象的属性
- Dom笔记5:document对象的属性
- DOM常用对象的属性和方法
- DOM对象内的元素属性遍历
- HTML Dom 对象,属性,事件的整理
- dom对象中常见节点的属性
- HTML5自定义属性对象Dataset
- JS应用DOM入门:DOM的对象属性
- DOM对象overflow 属性
- DOM简介,DOM树简介,获取元素节点对象; DOM对象的常见的元素属性
- DOM对象的classList对象属性介绍与用法
- 运行程序提示access violation at address的解决方法-
- throws IOException
- ICG技术专栏---SSL VPN
- SDL_BlitSurface
- Effective Objective-C 2.0: Item 35: Use Zombies to Help Debug Memory-Management Problems
- DOM对象的dataset属性
- poj 1067&&hdu 1527 取石子游戏
- 关于unity计时问题
- ubunut 管理开机程序
- gprof学习笔记
- 【枚举排列】字典序输出
- Apache中 RewriteRule 规则参数介绍
- EE50下安装codeblocks
- 手机电路的浪涌防护和TVS应用的电路实例