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


Posted in Javascript onJuly 28, 2017

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

Javascript 相关文章推荐
JavaScript效率调优经验
Jun 04 Javascript
表单序列化与jq中的serialize使用示例
Feb 21 Javascript
js文件包含的几种方式介绍
Sep 28 Javascript
jQuery基础知识小结
Dec 22 Javascript
JQuery实现展开关闭层的方法
Feb 17 Javascript
JS动态创建元素的两种方法
Apr 20 Javascript
JavaScript导航脚本判断当前导航
Jul 12 Javascript
Cropper.js 实现裁剪图片并上传(PC端)
Aug 20 Javascript
AngularJS修改model值时,显示内容不变的实例
Sep 13 Javascript
微信小程序获取用户信息并保存登录状态详解
May 10 Javascript
探索node之事件循环的实现
Oct 30 Javascript
JavaScript WeakMap使用详解
Feb 05 Javascript
jQuery获取table表中的td标签(实例讲解)
Jul 28 #jQuery
浅谈JS中的常用选择器及属性、方法的调用
Jul 28 #Javascript
js原生代码实现轮播图的实例讲解
Jul 28 #Javascript
js弹性势能动画之抛物线运动实例详解
Jul 27 #Javascript
js学习总结之dom2级事件基础知识详解
Jul 27 #Javascript
Angular指令之restict匹配模式的详解
Jul 27 #Javascript
Angularjs的$http异步删除数据详解及实例
Jul 27 #Javascript
You might like
PHP中使用unset销毁变量并内存释放问题
2012/07/05 PHP
根据ip调用新浪api获取城市名并转成拼音
2014/03/07 PHP
推荐几款用 Sublime Text 开发 Laravel 所用到的插件
2014/10/30 PHP
php动态生成缩略图并输出显示的方法
2015/04/20 PHP
PHP批量去除BOM头内容信息代码
2016/03/11 PHP
php菜单/评论数据递归分级算法的实现方法
2019/08/01 PHP
PHP笛卡尔积实现原理及代码实例
2020/12/09 PHP
$.ajax返回的JSON无法执行success的解决方法
2011/09/09 Javascript
js网页中的(运行代码)功能实现思路
2013/02/04 Javascript
jQuery响应enter键的实现思路
2014/04/18 Javascript
Javascript数组操作函数总结
2015/02/05 Javascript
纯jquery实现模仿淘宝购物车结算
2015/08/20 Javascript
JS控制文本域只读或可写属性的方法
2016/06/24 Javascript
开源免费天气预报接口API及全国所有地区代码(国家气象局提供)
2016/12/26 Javascript
babel基本使用详解
2017/02/17 Javascript
JS图片轮播与索引变色功能实例详解
2017/07/06 Javascript
简述Angular 5 快速入门
2017/11/04 Javascript
vue-cli3.0+element-ui上传组件el-upload的使用
2018/12/03 Javascript
如何基于原生javaScript生成带图片的二维码
2019/11/21 Javascript
vue项目前端微信JSAPI与外部H5支付相关实现过程及常见问题
2020/04/14 Javascript
python中模块的__all__属性详解
2017/10/26 Python
解决tensorflow1.x版本加载saver.restore目录报错的问题
2018/07/26 Python
详解python数据结构和算法
2019/04/18 Python
python 同时读取多个文件的例子
2019/07/16 Python
Python数据可视化:箱线图多种库画法
2019/11/06 Python
matlab中二维插值函数interp2的使用详解
2020/04/22 Python
python调用摄像头的示例代码
2020/09/28 Python
10条PHP编程习惯
2014/05/26 面试题
大三自我鉴定范文
2013/10/05 职场文书
营业员个人总结的自我评价
2013/10/25 职场文书
公司股权转让协议书
2014/04/12 职场文书
求职自我评价范文100字
2014/09/23 职场文书
四风个人对照检查材料思想汇报(办公室通用版)
2014/10/07 职场文书
党的群众路线教育实践活动学习计划
2014/11/03 职场文书
2014全年工作总结
2014/11/27 职场文书
Python如何用re模块实现简易tokenizer
2022/05/02 Python