首页
课程
路径
文章
PHP培训
精品课
下载

技术文章  >  web前端 > js教程

JavaScript如何获取html5中data属性的实例

黄舟
黄舟 原创
2017-07-27 16:29:48 1904浏览

我以前一直以为只能用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属性的实例的详细内容，更多请关注php中文网其它相关文章！

JavaScript html5 dataPHP课程HTML视频教程CSS视频JS视频教程Vue视频教程
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
上一条：JavaScript开发跨平台的桌面应用具体介绍（图文） 下一条：JavaScript中弹性势能动画之关于抛物线运动的代码案例

相关文章

查看更多
  • 热门课程
打开APP，随时随地在线学习！