Question

您好我正在尝试制作以下内容：

<div id="myid" class="myclass" myownattributehere="somevalue">hellooooo</div>

是否可以在div中创建隐藏属性，例如“myownattributehere”，还是有其他方法可以做到这一点？

我听说过要用锚来做这个吗？简单还是只能通过div来完成？

Answer 1

您可以使用HTML5的data属性。

<div id="myid" class="myclass" data-myownattributehere="somevalue">hellooooo</div>

Answer 2

使用data-my-own-attribute-here="..."。
确保拥有HTML5 DOCTYPE：<!DOCTYPE HTML>
在JavaScript中，您可以像这样访问它：document.getElementById('myid').getAttribute('data-my-own-attribute-here')。
或者在jQuery中，访问它：$('myid').data('myOwnAttributeHere')。

Answer 3

使用html5数据属性：

<div data-your_attribute_name="value"></data>

您几乎可以在任何DOM元素上执行此操作。

Answer 4

是的，如果“SEO”对您不重要，您可以这样使用。但它不会成为w3c validatain过程中的有效用法。在使用这样之后，您可以通过jQuery“获取”或“设置”此属性

...
$("#myid").attr("myownattributehere");// get
...
$("#myid").attr({"myownattributehere": "somevalue"});// set