编程 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 获取Mouse Position(鼠标坐标)的代码

Sep 21 Javascript

jQuery实现判断滚动条到底部

Jun 23 Javascript

JS日期加减,日期运算代码

Nov 05 Javascript

一波JavaScript日期判断脚本分享

Mar 06 Javascript

浅谈jQuery中ajaxPrefilter的应用

Aug 01 Javascript

js运动事件函数详解

Oct 21 Javascript

etmvc+jQuery EasyUI+combobox多值操作实现角色授权实例

Nov 09 Javascript

Angular实现一个简单的多选复选框的弹出框指令实例

Apr 25 Javascript

利用node.js如何搭建一个简易的即时响应服务器

May 28 Javascript

vue-cli3脚手架的配置及使用教程

Aug 28 Javascript

Node.js 实现抢票小工具 & 短信通知提醒功能

Oct 22 Javascript

Openlayers3实现车辆轨迹回放功能

Sep 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处理斐波那契数列非递归方法

2012/02/04 PHP

解析yahoo邮件用phpmailer发送的实例

2013/06/24 PHP

Yii2主题(Theme)用法详解

2016/07/23 PHP

PHP按一定比例压缩图片的方法

2018/10/12 PHP

PHP设计模式（七）组合模式Composite实例详解【结构型】

2020/05/02 PHP

js获取单选框或复选框值及操作

2012/12/18 Javascript

jquery时间下拉框小例子

2013/04/15 Javascript

js类式继承的具体实现方法

2013/12/31 Javascript

Javascript 按位与赋值运算符 (&=)使用介绍

2014/02/04 Javascript

JavaScript初学者建议：不要去管浏览器兼容

2014/02/04 Javascript

按钮接受回车事件的三种实现方法

2014/06/06 Javascript

javascript从作用域链谈闭包

2020/07/29 Javascript

关于List.ToArray()方法的效率测试

2016/09/30 Javascript

jquery配合.NET实现点击指定绑定数据并且能够一键下载

2016/10/28 Javascript

flexslider.js实现移动端轮播

2017/02/05 Javascript

浅谈NodeJs之数据库异常处理

2017/10/25 NodeJs

vue将对象新增的属性添加到检测序列的方法

2018/02/24 Javascript

利用vue重构有赞商城的思路以及总结整理

2019/02/21 Javascript

js 计数排序的实现示例(升级版)

2020/01/12 Javascript

vue+element-ui JYAdmin后台管理系统模板解析

2020/07/28 Javascript

python使用在线API查询IP对应的地理位置信息实例

2014/06/01 Python

Python写的英文字符大小写转换代码示例

2015/03/06 Python

Python深度优先算法生成迷宫

2018/01/22 Python

numpy 对矩阵中Nan的处理:采用平均值的方法

2018/10/30 Python

详解Python中list[::-1]的几种用法

2020/11/16 Python

html5简单示例_动力节点Java学院整理

2017/07/07 HTML / CSS

德国黑胶唱片、街头服装及运动鞋网上商店：HHV

2018/08/24 全球购物

一道输出判断型Java面试题

2014/10/01 面试题

小学班主任评语大全

2014/04/23 职场文书

新闻编辑求职信

2014/07/13 职场文书

活动总结新闻稿

2014/08/30 职场文书

就业协议书盖章的注意事项

2014/09/28 职场文书

学校机关党总支领导班子整改工作方案

2014/10/26 职场文书

怎样写离婚协议书

2015/01/26 职场文书

mysql事务对效率的影响分析总结

2021/10/24 MySQL

Oracle表空间与权限的深入讲解

2021/11/17 Oracle