我以前一直以为只能用jquery的data()来获取
哈哈 是我太弱了
<!DOCTYPE html>
<html>
<head>
<title>dataset</title>
<meta charset="utf-8">
</head>
<body>
<p id='p' data-index='demo'>
</p>
</body>
<script type="text/javascript">var a = document.getElementById('p');
console.log(a)
console.log(a.dataset.index)//demo</script>
</html>直接用dataset就可以获取到DOM元素的data属性
好吧，还可以 用js的获取属性的方法getAttribute()
a.getAttribute('data-index')==>"demo"
立即学习“Java免费学习笔记（深入）”；
以上就是JavaScript如何获取html5中data属性的实例的详细内容，更多请关注php中文网其它相关文章！
java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
602
