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

关于__defineGetter__ 和__defineSetter__的说明

May 12 Javascript

JS两种定义方式的区别、内部原理

Nov 21 Javascript

jQuery+ajax实现鼠标单击修改内容的方法

Jun 27 Javascript

使用jQuery仿苹果官网焦点图特效

Dec 23 Javascript

JavaScript学习笔记(三)：JavaScript也有入口Main函数

Sep 12 Javascript

深入分析javascript中console命令

Aug 14 Javascript

JS出现失效的情况总结

Jan 20 Javascript

jQuery实现html双向绑定功能示例

Oct 09 jQuery

浅析Javascript中双等号(==)隐性转换机制

Oct 27 Javascript

JavaScript实现元素滚动条到达一定位置循环追加内容

Dec 28 Javascript

JavaScript 日期时间选择器一些小结

Apr 02 Javascript

vue实现下载文件流完整前后端代码

Nov 17 Vue.js

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

星际争霸兵种名称对照表

2020/03/04 星际争霸

ThinkPHP CURD方法之data方法详解

2014/06/18 PHP

php广告加载类用法实例

2014/09/23 PHP

yii2实现根据时间搜索的方法

2016/05/25 PHP

TP5框架实现的数据库备份功能示例

2020/04/05 PHP

JavaScript游戏之优化篇

2010/11/08 Javascript

用jquery写的菜单从左往右滑动出现

2014/04/11 Javascript

JS来动态的修改url实现对url的增删查改

2014/09/05 Javascript

JavaScript学习笔记之Cookie对象

2015/01/22 Javascript

jQuery实现提示密码强度的代码

2015/07/15 Javascript

Javascript之BOM(window对象)详解

2016/05/25 Javascript

div中文字内容溢出常见的解决方法

2017/03/16 Javascript

ajax请求+vue.js渲染+页面加载的示例

2018/02/11 Javascript

react项目实践之webpack-dev-serve

2018/09/14 Javascript

element上传组件循环引用及简单时间倒计时的实现

2018/10/01 Javascript

js中事件对象和事件委托的介绍

2019/01/21 Javascript

在微信小程序中保存网络图片

2019/02/12 Javascript

微信小程序文章详情功能完整实例

2020/06/03 Javascript

PyCharm设置每行最大长度限制的方法

2019/01/16 Python

python环境路径配置以及命令行运行脚本

2019/04/02 Python

django celery redis使用具体实践

2019/04/08 Python

Django网络框架之HelloDjango项目创建教程

2019/06/06 Python

python 用 xlwings 库生成图表的操作方法

2019/12/22 Python

Pytorch DataLoader 变长数据处理方式

2020/01/08 Python

python 深度学习中的4种激活函数

2020/09/18 Python

python如何用matplotlib创建三维图表

2021/01/26 Python

使用html2canvas实现浏览器截图的示例代码

2018/01/26 HTML / CSS

英文版餐饮业求职信

2013/10/18 职场文书

升职演讲稿范文

2014/05/23 职场文书

2015年世界卫生日活动总结

2015/02/09 职场文书

个人年度总结报告

2015/03/09 职场文书

《秋天的图画》教学反思

2016/02/19 职场文书

Nginx stream 配置代理(Nginx TCP/UDP 负载均衡)

2021/11/17 Servers

教你使用VS Code的MySQL扩展管理数据库的方法

2022/01/22 MySQL

Java 超详细讲解设计模式之中的抽象工厂模式

2022/03/25 Java/Android

Python中生成随机数据安全性、多功能性、用途和速度方面进行比较

2022/04/14 Python