你能定义自己的HTML元素属性吗？

Question

我想知道你是否可以在HTML中定义自己的属性。例如，在HTML div中有一系列属性，例如style，title，class等。你可以编写并添加自己的属性，同时保持语法正确吗？

例如：<div class="example" test_item="20"></div>

这需要关于Javascript和数据。

Answer 1

有一个例外 - 没有。 HTML使用规范定义的属性和元素，只使用那些属性和元素。

该异常是names starting data-的属性，只有当您遵循HTML 5草案时才会这样。

也就是说，对id或class属性中的数据进行编码通常是合适的。

Answer 2

您可以按如下方式为任何元素定义数据属性，并使用jQuery数据方法轻松检索这些属性。

<div class="example" data-mydata="mydata")></div>

//In jquery to retrieve mydata you have to just say
$(".example").data("mydata");

Answer 3

语法正确 - 不;但是，jQuery将读取您添加到HTML标记的任何属性，没有任何问题。

Answer 4

对于记录，您可以使用setAttribute（“name”，“value”）使用javascript向元素添加任何属性

document.body.setAttribute("name","value");

它工作正常。这也主要是跨浏览器：quirksmode