我可以像下面这样向HTML标记添加自定义属性吗?
<tag myAttri="myVal" />
当前回答
你可以修改你的!DOCTYPE声明(即DTD)来允许它，这样[XML]文档仍然有效:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
[
<!ATTLIST tag myAttri CDATA #IMPLIED>
]>
#IMPLIED意味着它是一个可选属性，或者你可以使用#REQUIRED等等。
更多信息在DTD - Attributes中。
其他回答
好!你可以通过把数据属性伪装成你想要的样子来创建一堆自定义的HTML属性。
eg.
[attribute='value']{
color:red;
}
<span attribute="value" >hello world</span>
这显然是有效的，但这将使您的文档无效，没有必要使用JScript为您有自定义属性甚至元素，除非你必须，你只需要对待你的新制定(自定义)属性，就像你对待你的“数据”属性一样
记住“无效”没有任何意义。文档在任何时候都能正常加载。 一些浏览器实际上只通过DOCTYPE.....来验证文档你其实懂我的意思。
下面是例子:
document.getElementsByTagName("html").foo="bar"
下面是另一个如何将自定义属性设置为body tag元素的示例:
document.getElementsByTagName('body')[0].dataset.attr1 = "foo";
document.getElementsByTagName('body')[0].dataset.attr2 = "bar";
然后读取属性:
attr1 = document.getElementsByTagName('body')[0].dataset.attr1
attr2 = document.getElementsByTagName('body')[0].dataset.attr2
你可以在DevTools的Console中测试上面的代码，例如:
是的，您可以使用data-*属性。 data-*属性用于存储页面或应用程序私有的自定义数据。
<ul>
<li data-pageNumber="1"> 1 </li>
<li data-pageNumber="2"> 2 </li>
<li data-pageNumber="3"> 3 </li>
</ul
你可以像这样从JavaScript中提取你想要的值，而不是一个属性:
<a href='#' class='click'>
<span style='display:none;'>value for JavaScript</span>some text
</a>
是的，你能做到!
有下一个HTML标签:
<tag key="value"/>
我们可以用JavaScript访问它们的属性:
element.getAttribute('key'); // Getter
element.setAttribute('key', 'value'); // Setter
Element.setAttribute()如果该属性不存在，则将其放在HTML标记中。所以，如果你要用JavaScript设置它，你不需要在HTML代码中声明它。
Key:可以是属性的任意名称，而当前标记尚未使用。 值:它总是包含你需要的字符串。
