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

javascript第一课

Feb 27 Javascript

escape、encodeURI 和 encodeURIComponent 的区别

Mar 02 Javascript

javascript 关闭IE6、IE7

Jun 01 Javascript

js实现touch移动触屏滑动事件

Apr 17 Javascript

整理Javascript数组学习笔记

Nov 29 Javascript

JavaScript递归操作实例浅析

Oct 31 Javascript

javascript 数组去重复(在线去重工具)

Dec 17 Javascript

通过jquery toggleClass()属性制作文章段落更改背景颜色

May 21 jQuery

利用node 判断打开的是文件还是文件夹的实例

Jun 10 Javascript

解决layui富文本编辑器图片上传无法回显的问题

Sep 18 Javascript

解决微信授权成功后点击按返回键出现空白页和报错的问题

Jun 08 Javascript

axios解决高并发的方法:axios.all()与axios.spread()的操作

Nov 09 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垃圾代码优化操作代码

2010/08/05 PHP

php框架CodeIgniter使用redis的方法分析

2018/04/13 PHP

PHP的mysqli_sqlstate()函数讲解

2019/01/23 PHP

PHP strripos函数用法总结

2019/02/11 PHP

Jquery公告滚动+AJAX后台得到数据

2011/04/14 Javascript

jquery offset函数应用实例

2012/11/14 Javascript

js获取 type=radio 值的方法

2014/05/09 Javascript

JS实现很酷的EMAIL地址添加功能实例

2015/02/28 Javascript

jquery实现的简单二级菜单效果代码

2015/09/22 Javascript

JS组件Bootstrap Table表格行拖拽效果实现代码

2020/08/27 Javascript

详解JavaScript中双等号引起的隐性类型转换

2016/05/30 Javascript

AngularJS实现单独作用域内的数据操作

2016/09/05 Javascript

jQuery简单实现MD5加密的方法

2017/03/03 Javascript

Node.js中看JavaScript的引用

2017/04/22 Javascript

AngularJS中使用ngModal模态框实例

2017/05/27 Javascript

react-native 圆弧拖动进度条实现的示例代码

2018/04/12 Javascript

简单明了区分escape、encodeURI和encodeURIComponent

2018/05/26 Javascript

jQuery实现的页面弹幕效果【测试可用】

2018/08/17 jQuery

使用JavaScript实现贪吃蛇游戏

2020/09/29 Javascript

为什么推荐使用JSX开发Vue3

2020/12/28 Vue.js

[01:13]2014DOTA2西雅图邀请赛舌尖上的TI4

2014/07/08 DOTA

python pdb调试方法分享

2014/01/21 Python

python从入门到精通（DAY 2）

2015/12/20 Python

python脚本监控docker容器

2016/04/27 Python

Python使用win32 COM实现Excel的写入与保存功能示例

2018/05/03 Python

python 爬虫一键爬取淘宝天猫宝贝页面主图颜色图和详情图的教程

2018/05/22 Python

Python for循环与range函数的使用详解

2019/03/23 Python

详解Python列表赋值复制深拷贝及5种浅拷贝

2019/05/15 Python

通过案例解析python鸭子类型相关原理

2020/10/10 Python

css3实现文字首尾衔接跑马灯的示例代码

2020/10/16 HTML / CSS

新教师培训方案

2014/06/08 职场文书

2014年档案管理工作总结

2014/11/17 职场文书

2014年绿化工作总结

2014/12/09 职场文书

销售员岗位职责范本

2015/04/11 职场文书

2016教师节感恩话语

2015/12/09 职场文书

高考升学宴主持词

2019/06/21 职场文书