js 获取html5的data属性实现方法
程序员文章站
2022-09-02 15:02:34
我以前一直以为只能用jquery的data()来获取
哈哈 是我太弱了
我以前一直以为只能用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 获取html5的data属性实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
上一篇: 宁波鼓楼小吃好吃不贵,你都品尝过吗