下面小编就为大家带来一篇js 获取html5的data属性实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
我以前一直以为只能用jquery的data()来获取
哈哈 是我太弱了
<!DOCTYPE html> <html> <head> <title>dataset</title> <meta charset="utf-8"> </head> <body> <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 获取html5的data属性实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章: