怎么获取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中插入空格#校园分享#
  • 热门搜索
    关于感恩的手抄报图片 俭以养德手抄报 名人名言手抄报图片 小学生感恩节手抄报 读书节的手抄报 预防流感手抄报 体育节手抄报 书香满园手抄报 讲卫生手抄报内容 中华传统美德手抄报