编程 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 相关文章推荐

xml 与javascript结合的问题解决方法

Mar 24 Javascript

两个比较有用的Javascript工具函数代码

Feb 17 Javascript

js 返回时间戳所对应的具体时间

Jul 20 Javascript

JavaScript中pop()方法的使用教程

Jun 09 Javascript

JS封装的自动创建表格的实现代码

Jun 15 Javascript

详细谈谈javascript的对象

Jul 31 Javascript

jQuery上传多张图片带进度条样式（DEMO）

Mar 02 Javascript

Javascript实现页面滚动时导航智能定位

May 06 Javascript

前端axios下载excel文件(二进制)的处理方法

Jul 31 Javascript

vue多级复杂列表展开/折叠及全选/分组全选实现

Nov 05 Javascript

基于canvasJS在PHP中制作动态图表

May 30 Javascript

vuex中遇到的坑,vuex数据改变,组件中页面不渲染操作

Nov 16 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电台频率大全 - 13 福建省

2020/03/11 无线电

模拟SQLSERVER的两个函数：dateadd(),datediff()

2006/10/09 PHP

php截取后台登陆密码的代码

2012/05/05 PHP

PHP+Mysql树型结构（无限分类）数据库设计的2种方式实例

2014/07/15 PHP

JavaScript实现滚动栏效果的方法

2015/04/27 PHP

老生常谈PHP中的数据结构:DS扩展

2017/07/17 PHP

jquery中的mouseleave和mouseout的区别模仿下拉框效果

2012/02/07 Javascript

javascript实现动态侧边栏代码

2014/02/19 Javascript

Javascript中的异步编程规范Promises/A详细介绍

2014/06/06 Javascript

js实现鼠标触发图片抖动效果的方法

2015/02/27 Javascript

JavaScript从数组中删除指定值元素的方法

2015/03/18 Javascript

浅谈JS原型对象和原型链

2016/03/02 Javascript

jQuery元素选择器实例代码

2017/02/06 Javascript

js+canvas实现验证码功能

2020/09/21 Javascript

解决vue 界面在苹果手机上滑动点击事件等卡顿问题

2018/11/27 Javascript

jQuery基于随机数解决中午吃什么去哪吃问题示例

2018/12/29 jQuery

前端vue-cli项目中使用img图片和background背景图的几种方法

2019/11/13 Javascript

浅谈JavaScript中的“!!”作用

2020/08/03 Javascript

用Python实现web端用户登录和注册功能的教程

2015/04/30 Python

通过实例浅析Python对比C语言的编程思想差异

2015/08/30 Python

Python中基本的日期时间处理的学习教程

2015/10/16 Python

Python实现针对给定字符串寻找最长非重复子串的方法

2018/04/21 Python

Python合并多个Excel数据的方法

2018/07/16 Python

音频处理 windows10下python三方库librosa安装教程

2020/06/20 Python

amazeui时间组件的实现示例

2020/08/18 HTML / CSS

恶意软件的定义

2014/11/12 面试题

怎样写留学自荐信

2013/11/11 职场文书

建筑人员岗位职责

2013/12/25 职场文书

国际贸易专业个人鉴定

2014/02/22 职场文书

2014年社区庆元旦活动方案

2014/03/08 职场文书

关于环保的建议书

2014/05/12 职场文书

群众路线学习心得体会范文

2014/11/05 职场文书

旷课检讨书

2015/01/26 职场文书

个人道歉信大全

2019/04/11 职场文书

微信小程序结合ThinkPHP5授权登陆后获取手机号

2021/11/23 PHP

Python Numpy库的超详细教程

2022/04/06 Python