编程 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将从数据库中读取出来的日期型格式化为想要的类型。

Aug 15 Javascript

JavaScript与Image加载事件(onload)、加载状态(complete)

Feb 14 Javascript

密码强度检测效果实现原理与代码

Jan 04 Javascript

JS获取客户端IP地址、MAC和主机名的7个方法汇总

Jul 21 Javascript

js简单实现Select互换数据的方法

Aug 17 Javascript

有关jQuery中parent()和siblings()的小问题

Jun 01 Javascript

微信小程序 vidao实现视频播放和弹幕的功能

Nov 02 Javascript

JS实现的数组去除重复数据算法小结

Nov 17 Javascript

微信小程序图片轮播组件gallery slider使用方法详解

Jan 31 Javascript

vue获取元素宽、高、距离左边距离,右,上距离等还有XY坐标轴的方法

Sep 05 Javascript

vue中的inject学习教程

Apr 24 Javascript

eslint 的三大通用规则详解

May 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

PHP 读取大文件的X行到Y行内容的实现代码

2013/06/24 PHP

PDO::getAttribute讲解

2019/01/28 PHP

Laravel使用模型实现like模糊查询的例子

2019/10/24 PHP

DIV外区域Click后关闭DIV的实现代码

2011/12/21 Javascript

常见效果实现之返回顶部(结合淡入、淡出、减速滚动)

2012/01/04 Javascript

js 加密压缩出现bug解决方案

2014/11/25 Javascript

JS实现的另类手风琴效果网页内容切换代码

2015/09/08 Javascript

浅谈json取值(对象和数组)

2016/06/24 Javascript

JS获取随机数和时间转换的简单实例

2016/07/10 Javascript

Bootstrap文件上传组件之bootstrap fileinput

2016/11/25 Javascript

详解JavaScript的闭包、IIFE、apply、函数与对象

2016/12/21 Javascript

如何正确理解javascript的模块化

2017/03/02 Javascript

JQuery实现文字无缝滚动效果示例代码(Marquee插件)

2017/03/07 Javascript

vue.js父组件使用外部对象的方法示例

2017/04/25 Javascript

javascript 中的继承实例详解

2017/05/05 Javascript

基于JavaScript 性能优化技巧心得(分享)

2017/12/11 Javascript

javascript实现循环广告条效果

2017/12/12 Javascript

Vue-cli3项目引入Typescript的实现方法

2019/10/18 Javascript

Vue + Element-ui的下拉框el-select获取额外参数详解

2020/08/14 Javascript

Python中的字符串查找操作方法总结

2016/06/27 Python

Python 3.x 判断 dict 是否包含某键值的实例讲解

2018/07/06 Python

python查看文件大小和文件夹内容的方法

2019/07/08 Python

python GUI库图形界面开发之PyQt5日期时间控件QDateTimeEdit详细使用方法与实例

2020/02/27 Python

python GUI库图形界面开发之PyQt5 MDI(多文档窗口)QMidArea详细使用方法与实例

2020/03/05 Python

给Django Admin添加验证码和多次登录尝试限制的实现

2020/07/26 Python

移动端开发HTML5页面点击按钮后出现闪烁或黑色背景的解决办法

2018/09/19 HTML / CSS

墨西哥运动服饰和鞋网上商店：Netshoes墨西哥

2016/07/28 全球购物

冰淇淋店创业计划书范文

2013/12/27 职场文书

实习指导老师评语

2014/04/26 职场文书

个人委托书范本

2014/09/13 职场文书

教师群众路线教育实践活动学习笔记

2014/11/05 职场文书

2014年应急管理工作总结

2014/11/26 职场文书

2016幼儿园毕业感言

2015/12/08 职场文书

话题作文之呼唤

2019/12/18 职场文书

解决MultipartFile.transferTo(dest) 报FileNotFoundExcep的问题

2021/07/01 Java/Android

Android开发手册自定义Switch开关按钮控件

2022/06/10 Java/Android