怎么获取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中插入空格#校园分享#
  • 热门搜索
    有关弟子规的手抄报 关于体育精神的手抄报 科普知识手抄报版面 食品安全手抄报资料 家庭文明公约手抄报 与诗同行手抄报 黑白手抄报花边边框 洒扫应对手抄报 五水共治手抄报图画 国庆节英语手抄报内容