js 获取html5的data属性实现方法
编程学习 2021-07-04 18:32www.dzhlxh.cn编程入门
狼蚁网站SEO优化长沙网络推广就为大家带来一篇js 获取html5的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属性实现方法就是长沙网络推广分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持狼蚁SEO。