首页 > 编程 > JavaScript > 正文

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

2019-11-19 15:57:55
字体:
来源:转载
供稿:网友

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表