首页 > 开发 > JS > 正文

js 获取html5的data属性实现方法

2024-05-06 16:38:41
字体:
来源:转载
供稿:网友

我以前一直以为只能用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属性实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持VeVb武林网。


注:相关教程知识阅读请移步到JavaScript/Ajax教程频道。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表