我可以像下面这样向HTML标记添加自定义属性吗?
<tag myAttri="myVal" />
当前回答
对于自定义元素，添加不带数据前缀的自定义属性似乎很常见。
下面是一个来自HTML标准的例子:自定义元素(注意国家属性):
<flag-icon country="nl"></flag-icon>
另一个来自MDN Web Docs的例子:使用自定义元素(注意l和c属性):
<custom-square l="100" c="red"></custom-square>
其他回答
下面是例子:
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中测试上面的代码，例如:
你可以添加，但你也必须写一行JavaScript代码，
document.createElement('tag');
确保一切都到位。我指的是ie浏览器:)
您可以通过JavaScript设置属性。
document.getElementById("foo").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中。
使用任何数据，我经常使用它们
<aside data-area="asidetop" data-type="responsive" class="top">
