我可以像下面这样向HTML标记添加自定义属性吗?
<tag myAttri="myVal" />
当前回答
jQuery data()函数允许您将任意数据与DOM元素关联起来。举个例子。
其他回答
您可以通过JavaScript设置属性。
document.getElementById("foo").myAttri = "myVal"
是的，你可以，你在问题本身做到了:<html myAttri="myVal"/>。
jQuery data()函数允许您将任意数据与DOM元素关联起来。举个例子。
下面是例子:
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中测试上面的代码，例如:
对于自定义元素，添加不带数据前缀的自定义属性似乎很常见。
下面是一个来自HTML标准的例子:自定义元素(注意国家属性):
<flag-icon country="nl"></flag-icon>
另一个来自MDN Web Docs的例子:使用自定义元素(注意l和c属性):
<custom-square l="100" c="red"></custom-square>
