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

时间:2026-02-14 00:39:39

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的值

1、新建一个HTML文件

2、在HTML标签上设置data属性

3、使用原生JS:getAttribute()方法获取自定义数据属性的值

4、使用jquery方法:attr() 或data()获取自定义数据属性的值

5、打开浏览器开发者工具检查获取情况

© 2026 长短途
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com