js 获取html5的data属性
2017-07-27 16:23
411 查看
我以前一直以为只能用jquery的data()来获取
哈哈 是我太弱了
<!DOCTYPE html> <html> <head> <title>dataset</title> <meta charset="utf-8"> </head> <body> <div id='div' data-index='demo'> </div> </body> <script type="text/javascript"> var a = document.getElementById('div'); console.log(a) console.log(a.dataset.index)//demo </script> </html>
直接用dataset就可以获取到DOM元素的data属性
好吧,还可以 用js的获取属性的方法getAttribute()
a.getAttribute('data-index') ==>"demo"
相关文章推荐
- js,jQuery获取html5的data-*属性
- js 获取html5的data属性实现方法
- js,jQuery获取html5的data-*属性
- HTML5之新特性(选择器、class列表属性、JSON新方法、data自定义数据、延迟加载JS)
- 响应id事件js和js获取input输入值及ajax的data、error属性解释
- HTML5的自定义属性data-*详细介绍和JS操作实例
- 自动获取 HTML5 的 data-* 属性
- HTML5中自定义的data-*属性使用和js/jquery的data()方法操作
- HTML5的自定义属性data-*详细介绍和JS操作实例
- HTML5的自定义属性data-*详细介绍和JS操作实例
- HTML5 [data-]属性——使用HTML标签的data属性初始化JS组件
- html5自定义data-属性的获取
- HTML5的自定义属性data-*详细介绍和JS操作实例
- HTML5的自定义属性data-*详细介绍和JS操作实例
- Vue.js--基于$.ajax获取数据并与组件的data绑定
- HTML5 自定义属性 data-* 和 jQuery.data 详解
- JS创建对象和获取对象属性的几种方式
- js对象通过属性路径获取属性值 - getPropByPath
- html5中的input(type="file")的multiple属性,实现多文件上传,并用js控制文件大小,数量
- H5 data-* 属性,设置获取方法总结