如何向标准 HTML 元素添加自定义属性?

佐尔吉耶夫

我试图弄清楚 Battlelog 如何设法从 Edge 浏览器内部启动本机应用程序,并发现以下内容:

<button class="btn btn-primary" data-intro-step="4" data-bind-action="matchmake-mp-role" data-track="playnow.matchmake.cqclassic.join" data-bind-intro="next" data-expansion="0" data-game="2048" data-platform="1" data-role="1" data-experience="1">
Play now
</button>

请帮助我了解如何将这些属性(如 data-bind-action 等)添加到按钮元素以及如何处理它们?

通过 W 约瑟夫

data-*属性是自定义属性;它们仅用于存储特定数据,Web 开发人员稍后将在其 JavaScript 代码中使用这些数据。

<button id="mybutton" class="btn btn-primary" data-intro-step="4" data-bind-action="matchmake-mp-role" data-track="playnow.matchmake.cqclassic.join" data-bind-intro="next" data-expansion="0" data-game="2048" data-platform="1" data-role="1" data-experience="1">
Play now
</button>

例如,data-intro-step要从 jquery访问值,开发人员可以在他的代码中输入$('#mybutton').attr('data-intro-step')$('#mybutton').data('data-intro-step')使用它。

通常它们是从 php 或 js 框架(如jquery-plugins或 )添加的angularjs,并在 js 中使用。把你也可以从 js 添加它们以供以后使用。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Jquery - 如何在附加 html 元素时添加自定义数据属性

来自分类Dev

向 CF Wheels 表单添加自定义 HTML 属性

来自分类Dev

我可以在自定义HTML元素中使用标准属性吗?

来自分类Dev

Yii cgridview从数据不起作用向按钮添加自定义html属性

来自分类Dev

Yii cgridview从数据不起作用向按钮添加自定义html属性

来自分类Dev

如何向标准百里香方言“ th”添加自定义属性

来自分类Dev

如何为自定义元素添加属性?

来自分类Dev

如何从使用自定义属性的HTML元素中获取文本?

来自分类Dev

如何从使用自定义属性的HTML元素中获取文本?

来自分类Dev

如何使用PHP Simple HTML DOM Parser添加自定义属性

来自分类Dev

如何使用PHP Simple HTML DOM Parser添加自定义属性

来自分类Dev

自定义HTML元素的属性

来自分类Dev

如何在eex中向功能链接(Phoenix.HTML.link)添加自定义HTML

来自分类Dev

向openldap添加自定义属性

来自分类Dev

向openldap添加自定义属性

来自分类Dev

XMPPFramework-如何向XMPPUserCoreDataStorageObject添加自定义属性?

来自分类Dev

如何向 Paperjs 对象添加自定义属性?

来自分类Dev

如何声明性地创建自定义HTML元素?

来自分类Dev

如何用自定义<comment>元素替换HTML注释

来自分类Dev

如何使用Ace Editor创建自定义HTML元素?

来自分类Dev

AngularJS如何摆脱使用自定义HTML5元素标签和属性的困扰?

来自分类Dev

如何抓取自定义html5属性

来自分类Dev

如何通过 JavaScript 更改 HTML 自定义属性值?

来自分类Dev

如何在 html 中自定义 onmouseover 属性?

来自分类Dev

如何在 Drupal 中添加自定义 HTML 表单

来自分类Dev

如何添加自定义 HTML 标签 TSX

来自分类Dev

Wordpress Woocommerce 向产品添加属性/自定义属性

来自分类Dev

如何使用vue指令为元素添加自定义属性?

来自分类Dev

如何在Polymer中的自定义元素属性中添加事件侦听器?

Related 相关文章

  1. 1

    Jquery - 如何在附加 html 元素时添加自定义数据属性

  2. 2

    向 CF Wheels 表单添加自定义 HTML 属性

  3. 3

    我可以在自定义HTML元素中使用标准属性吗?

  4. 4

    Yii cgridview从数据不起作用向按钮添加自定义html属性

  5. 5

    Yii cgridview从数据不起作用向按钮添加自定义html属性

  6. 6

    如何向标准百里香方言“ th”添加自定义属性

  7. 7

    如何为自定义元素添加属性?

  8. 8

    如何从使用自定义属性的HTML元素中获取文本?

  9. 9

    如何从使用自定义属性的HTML元素中获取文本?

  10. 10

    如何使用PHP Simple HTML DOM Parser添加自定义属性

  11. 11

    如何使用PHP Simple HTML DOM Parser添加自定义属性

  12. 12

    自定义HTML元素的属性

  13. 13

    如何在eex中向功能链接(Phoenix.HTML.link)添加自定义HTML

  14. 14

    向openldap添加自定义属性

  15. 15

    向openldap添加自定义属性

  16. 16

    XMPPFramework-如何向XMPPUserCoreDataStorageObject添加自定义属性?

  17. 17

    如何向 Paperjs 对象添加自定义属性?

  18. 18

    如何声明性地创建自定义HTML元素?

  19. 19

    如何用自定义<comment>元素替换HTML注释

  20. 20

    如何使用Ace Editor创建自定义HTML元素?

  21. 21

    AngularJS如何摆脱使用自定义HTML5元素标签和属性的困扰?

  22. 22

    如何抓取自定义html5属性

  23. 23

    如何通过 JavaScript 更改 HTML 自定义属性值?

  24. 24

    如何在 html 中自定义 onmouseover 属性?

  25. 25

    如何在 Drupal 中添加自定义 HTML 表单

  26. 26

    如何添加自定义 HTML 标签 TSX

  27. 27

    Wordpress Woocommerce 向产品添加属性/自定义属性

  28. 28

    如何使用vue指令为元素添加自定义属性?

  29. 29

    如何在Polymer中的自定义元素属性中添加事件侦听器?

热门标签

归档