怎么获取HTML5自定义数据属性data的值

 时间:2024-10-11 20:40:22

1、打开开发工具,新建一个HTML文件(为了方便给大家演示)

怎么获取HTML5自定义数据属性data的值

2、在HTML标签上设置data属性:语法:data-*

怎么获取HTML5自定义数据属性data的值

3、使用原生JS获取自定义数据属性的值方法:.getAttribute()例子:document.getElementById("demo1").getAttribute("data-num")

怎么获取HTML5自定义数据属性data的值

4、打开浏览器开发者工具,点击【console】可以看到我成功的获取到data的值了

怎么获取HTML5自定义数据属性data的值

5、使用jquery获取自定义数据属性的值方法:.attr() 或.data()例子:1、var a = $("#demo1").attr("data-type");2、var b = $("#demo2").data("type");

怎么获取HTML5自定义数据属性data的值

6、打开浏览器开发者工具,点击console查看获取情况:

怎么获取HTML5自定义数据属性data的值
  • 如何利用HTML5和CSS3设置有序列表前的符号
  • sublime如何调节字的大小
  • OneNote中如何插入括号选项?
  • node_modules删除后如何用npm重新安装
  • 如何在HTML中插入空格#校园分享#
  • 热门搜索
    吉利全球鹰gx7怎么样 心里压力大怎么办 奇迹暖暖傲娇攻略组 北京现代伊兰特怎么样 逆转裁判3攻略 生化危机4攻略 岳飞传攻略 减肥的方法 怎么能快速减肥 茅台酒简介