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

js 事件小结表格区别

Aug 13 Javascript

javascript 清空form表单中某种元素的值

Dec 26 Javascript

JSF中confirm弹出框的用法示例介绍

Jan 07 Javascript

使用原生js写的一个简单slider

Apr 29 Javascript

3个可以改善用户体验的AngularJS指令介绍

Jun 18 Javascript

js实现点击文本框显示日期选择器特效代码分享

May 21 Javascript

详解AngularJS中自定义过滤器

Dec 28 Javascript

jQuery 如何给Carousel插件添加新的功能

Apr 18 Javascript

Vue 实现树形视图数据功能

May 07 Javascript

微信小程序内拖动图片实现移动、放大、旋转的方法

Sep 04 Javascript

微信小程序左滑删除实现代码实例

Sep 16 Javascript

javascript实现拼图游戏

Jan 29 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之第三天

2006/10/09 PHP

什么是MVC，好东西啊

2007/05/03 PHP

php中日期加减法运算实现代码

2011/12/08 PHP

PHP读取CURL模拟登录时生成Cookie文件的方法

2014/11/04 PHP

PHP屏蔽关键字实现方法

2016/11/17 PHP

Zend Framework数据库操作方法实例总结

2016/12/11 PHP

PHP获取文本框、密码域、按钮的值实例代码

2017/04/19 PHP

详解php与ethereum客户端交互

2018/04/28 PHP

Prototype PeriodicalExecuter对象学习

2009/07/19 Javascript

jQuery实现自定义事件的方法

2015/04/17 Javascript

CSS或者JS实现鼠标悬停显示另一元素

2016/01/22 Javascript

如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据(附源码下载)

2016/02/23 Javascript

AngularJs Using $location详解及示例代码

2016/09/02 Javascript

详解10分钟学会vue滚动行为

2017/09/21 Javascript

在nginx上部署vue项目(history模式)的方法

2017/12/28 Javascript

jQuery 实现左右两侧菜单添加、移除功能

2018/01/02 jQuery

vue内置组件transition简单原理图文详解(小结)

2018/07/12 Javascript

微信小程序实现页面下拉刷新和上拉加载功能详解

2018/12/03 Javascript

jQuery实现为table表格动态添加或删除tr功能示例

2019/02/19 jQuery

Python 如何访问外围作用域中的变量

2016/09/11 Python

Python文件与文件夹常见基本操作总结

2016/09/19 Python

疯狂上涨的Python 开发者应从2.x还是3.x着手?

2017/11/16 Python

python使用多进程的实例详解

2018/09/19 Python

详解python 爬取12306验证码

2019/05/10 Python

Python爬取豆瓣视频信息代码实例

2019/11/16 Python

Python Tkinter Entry和Text的添加与使用详解

2020/03/04 Python

Python实现的北京积分落户数据分析示例

2020/03/27 Python

Django使用Profile扩展User模块方式

2020/05/14 Python

美国最大的香水连锁店官网：Perfumania

2016/08/15 全球购物

Myprotein加拿大官网：欧洲第一的运动营养品牌

2018/01/06 全球购物

J2EE中的容器都包括哪些

2013/08/21 面试题

建筑工地门卫岗位职责

2014/04/30 职场文书

建筑工地宣传标语

2014/06/18 职场文书

预防艾滋病宣传标语

2014/06/25 职场文书

习总书记三严三实学习心得体会

2014/10/13 职场文书

2015年幼儿园学前班工作总结

2015/05/18 职场文书