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

基于JQuery实现CheckBox全选全不选

Jun 27 Javascript

jquery实现将获取的颜色值转换为十六进制形式的方法

Dec 20 Javascript

javascript中Array数组的迭代方法实例分析

Feb 04 Javascript

微信小程序 loading（加载中提示框）实例

Oct 28 Javascript

easyui datagrid 表格中操作栏按钮图标不显示的解决方法

Jul 27 Javascript

vue代理和跨域问题的解决

Jul 18 Javascript

layui实现点击按钮给table添加一行

Aug 10 Javascript

详解javascript replace高级用法

Feb 17 Javascript

Vue框架下引入ActiveX控件的问题解决

Mar 25 Javascript

微信小程序时间戳转日期的详解

Apr 30 Javascript

Vue的编码技巧与规范使用详解

Aug 28 Javascript

JS实现纸牌发牌动画

Jan 19 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中判断一个字符串包含另一个字符串的方法

2007/03/19 PHP

PHP5.5在windows安装使用memcached服务端的方法

2014/04/16 PHP

php如何实现只替换一次或N次

2015/10/29 PHP

php 二维数组时间排序实现代码

2016/11/19 PHP

php数据序列化测试实例详解

2017/08/12 PHP

PHP的mysqli_ssl_set()函数讲解

2019/01/23 PHP

ThinkPHP框架实现FTP图片上传功能示例

2019/04/08 PHP

PHP如何使用JWT做Api接口身份认证的实现

2020/02/03 PHP

PHP如何开启Opcache功能提升程序处理效率

2020/04/27 PHP

记录几个javascript有关的小细节

2007/04/02 Javascript

捕获关闭窗口的脚本

2009/01/10 Javascript

Ext.FormPanel 提交和 Ext.Ajax.request 异步提交函数的区别

2009/11/12 Javascript

基于jquery的鼠标拖动效果代码

2012/05/30 Javascript

js+css实现增加表单可用性之提示文字

2013/06/03 Javascript

js为鼠标添加右击事件防止默认的右击菜单弹出

2013/07/29 Javascript

js中通过split函数分割字符串成数组小例子

2013/09/21 Javascript

JavaScript+CSS控制打印格式示例介绍

2014/01/07 Javascript

js实现仿Discuz文本框弹出层效果

2015/08/13 Javascript

JavaScript简单实现弹出拖拽窗口（二）

2016/06/17 Javascript

微信小程序使用Socket的实例

2017/09/19 Javascript

Python安装使用命令行交互模块pexpect的基础教程

2016/05/12 Python

pycharm运行出现ImportError:No module named的解决方法

2018/10/13 Python

Python爬虫之UserAgent的使用实例

2019/02/21 Python

Python I/O与进程的详细讲解

2019/03/08 Python

python3对拉勾数据进行可视化分析的方法详解

2019/04/03 Python

在django admin中添加自定义视图的例子

2019/07/26 Python

专升本自我鉴定

2013/10/10 职场文书

冰淇淋店的创业计划书

2014/02/07 职场文书

爱与责任演讲稿

2014/05/20 职场文书

环境卫生倡议书

2014/08/29 职场文书

学校拾金不昧表扬信

2015/01/16 职场文书

幼儿园开学通知

2015/04/24 职场文书

2015年征兵工作总结

2015/07/23 职场文书

《落花生》教学反思

2016/02/16 职场文书

解决Tkinter中button按钮未按却主动执行command函数的问题

2021/05/23 Python

撤回我也能看到!教你用Python制作微信防撤回脚本

2021/06/11 Python