我可以像下面这样向HTML标记添加自定义属性吗?
<tag myAttri="myVal" />
我可以像下面这样向HTML标记添加自定义属性吗?
<tag myAttri="myVal" />
当前回答
在HTML5中:yes:使用data-属性。
<ul>
<li data-animal-type="bird">Owl</li>
<li data-animal-type="fish">Salmon</li>
<li data-animal-type="spider">Tarantula</li>
</ul>
其他回答
不,这将破坏验证。
在HTML 5中,您可以/将能够添加自定义属性。就像这样:
<tag data-myAttri="myVal" />
是的,你可以,你在问题本身做到了:<html myAttri="myVal"/>。
您可以通过JavaScript设置属性。
document.getElementById("foo").myAttri = "myVal"
下面是例子:
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中测试上面的代码,例如:
在HTML5中:yes:使用data-属性。
<ul>
<li data-animal-type="bird">Owl</li>
<li data-animal-type="fish">Salmon</li>
<li data-animal-type="spider">Tarantula</li>
</ul>