如何将自定义属性添加到标准HTML元素？

Question

我试图找出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>

请帮助我理解如何将这些属性（如数据绑定操作等）添加到按钮元素以及如何处理它们？

Answer 1

result = d["9-10"] 属性是自定义属性;它们仅用于存储Web开发人员将在他的JavaScript代码中使用它的特定数据。

data-*

例如，要从jquery访问<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或$('#mybutton').attr('data-intro-step')并将其与代码中的某些内容一起使用。

通常他们会从php或js框架中添加$('#mybutton').data('data-intro-step')或jquery-plugins，并在js中使用。你也可以从js中添加它们以便以后使用它。