有没有办法在HTML标签中保存其他信息？

Question

我创建了多个按钮，对于每个创建的按钮，我想在属性中保存一些信息，以便在单击按钮时可以使用它。

HTML按钮中是否有任何属性可以存储信息以便在某些时候使用它？

Answer 1

您可以使用新的data-*自定义数据属性创建自己的属性（请参阅w3c specs）。 *的内容取决于您（只要它当然是有效的HTML）：

<button id="x123"
        data-some-attr="I like this"
        data-what-about-this="I like it too"
/>

Answer 2

请参阅data-attributes，例如here您可以找到更多信息。

链接页面的示例：

<li class="user" data-name="John Resig" data-city="Boston" data-lang="js" data-food="Bacon">...</li>

Answer 3

HTML5仅为此引入了data-属性。因此，如果您要存储按钮编号，则可以将其称为data-callNum或类似的东西。

您可以在此处详细了解：http://www.w3schools.com/tags/att_global_data.asp

作为JS的警告，由于.将被解释为减号操作，因此您无法使用通常的-来访问该成员。因此，您必须button.data-attr而不是button.getAttribute('data-attr')。