JavaScript如何获取html5中data属性的实例
程序员文章站
2022-03-20 18:19:36
...
我以前一直以为只能用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"
以上就是JavaScript如何获取html5中data属性的实例的详细内容，更多请关注其它相关文章！
上一篇： select实现左右列表的添加和删除
下一篇： ES6可迭代协议和迭代器协议详解