编程 Javascript

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

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

- Author -

jingxian

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

用roll.js实现的图片自动滚动+鼠标触动的特效

Mar 18 Javascript

setTimeout自动触发一个js的方法

Jan 15 Javascript

Javascript前端UI框架Kit使用指南之Kitjs简介

Nov 28 Javascript

jQuery可见性过滤器：hidden和：visibility用法实例

Jun 24 Javascript

jQuery实现的产品自动360度旋转展示特效源码分享

Aug 21 Javascript

js格式化输入框内金额、银行卡号

Feb 01 Javascript

jQuery EasyUI中DataGird动态生成列的方法

Apr 05 Javascript

引用jquery框架后出错的解决方法

Aug 09 Javascript

AngularJS深入探讨scope，继承结构，事件系统和生命周期

Nov 02 Javascript

Vue + better-scroll 实现移动端字母索引导航功能

May 07 Javascript

vue组件化中slot的基本使用方法

May 01 Javascript

解决vue bus.$emit触发第一次$on监听不到问题

Jul 28 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

全国FM电台频率大全 - 20 广西省

2020/03/11 无线电

php中获取主机名、协议及IP地址的方法

2014/11/18 PHP

php计算到指定日期还有多少天的方法

2015/04/14 PHP

PHP编程开发怎么提高编程效率提高PHP编程技术

2015/11/09 PHP

JavaScript 创建对象和构造类实现代码

2009/07/30 Javascript

通过继承IHttpHandle实现JS插件的组织与管理

2010/07/13 Javascript

jquery.post用法关于type设置问题补充

2014/01/03 Javascript

JS兼容浏览器的导出Excel（CSV）文件的方法

2014/05/03 Javascript

使用jquery菜单插件HoverTree仿京东无限级菜单

2014/12/18 Javascript

jQuery中offsetParent()方法用法实例

2015/01/19 Javascript

JavaScript中的立即执行函数表达式介绍

2015/03/15 Javascript

jQuery仅用3行代码实现的显示与隐藏功能完整实例

2015/10/08 Javascript

基于AngularJS前端云组件最佳实践

2016/10/20 Javascript

实现一个简单的vue无限加载指令方法

2017/01/10 Javascript

JS正则表达式验证账号、手机号、电话和邮箱是否合法

2017/03/08 Javascript

vue一个页面实现音乐播放器的示例

2018/02/06 Javascript

详解angular应用容器化部署

2018/08/14 Javascript

vue引入axios同源跨域问题

2018/09/27 Javascript

小程序封装wx.request请求并创建接口管理文件的实现

2019/04/29 Javascript

[34:56]Ti4冒泡赛LGD vs Liquid 1

2014/07/14 DOTA

[51:29]完美世界DOTA2联赛循环赛 Matador vs Forest BO2第一场 11.05

2020/11/05 DOTA

Python StringIO模块实现在内存缓冲区中读写数据

2015/04/08 Python

讲解Python中for循环下的索引变量的作用域

2015/04/15 Python

Python简单过滤字母和数字的方法小结

2019/01/09 Python

Python实现多态、协议和鸭子类型的代码详解

2019/05/05 Python

Python如何基于selenium实现自动登录博客园

2019/12/16 Python

解决pycharm中的run和debug失效无法点击运行

2020/06/09 Python

canvas进阶之如何画出平滑的曲线

2018/10/15 HTML / CSS

惠普美国官方商店：HP Official Store

2016/08/28 全球购物

《小草和大树》教学反思

2014/02/16 职场文书

任命书模板

2014/06/04 职场文书

债务授权委托书范本

2014/10/17 职场文书

个人作风纪律整顿整改措施

2014/10/25 职场文书

客房服务员岗位职责

2015/02/09 职场文书

预备党员转正党小组意见

2015/06/01 职场文书

Win10玩csgo闪退如何解决?Win10玩csgo闪退的解决方法

2022/07/23 数码科技