手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

怎么获取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的值
© 2025 手抄报圈
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com