我可以像下面这样向HTML标记添加自定义属性吗?
<tag myAttri="myVal" />
我可以像下面这样向HTML标记添加自定义属性吗?
<tag myAttri="myVal" />
当前回答
是的,你可以,你在问题本身做到了:<html myAttri="myVal"/>。
其他回答
是的,你能做到!
有下一个HTML标签:
<tag key="value"/>
我们可以用JavaScript访问它们的属性:
element.getAttribute('key'); // Getter
element.setAttribute('key', 'value'); // Setter
Element.setAttribute()如果该属性不存在,则将其放在HTML标记中。所以,如果你要用JavaScript设置它,你不需要在HTML代码中声明它。
Key:可以是属性的任意名称,而当前标记尚未使用。 值:它总是包含你需要的字符串。
在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>
var demo = document.getElementById("demo") console.log (demo.dataset.myvar) / /或 警报(demo.dataset.myvar) //这将在控制台显示myvar的值 <div id="demo" data-myvar="foo">anything</div>
好!你可以通过把数据属性伪装成你想要的样子来创建一堆自定义的HTML属性。
eg.
[attribute='value']{
color:red;
}
<span attribute="value" >hello world</span>
这显然是有效的,但这将使您的文档无效,没有必要使用JScript为您有自定义属性甚至元素,除非你必须,你只需要对待你的新制定(自定义)属性,就像你对待你的“数据”属性一样
记住“无效”没有任何意义。文档在任何时候都能正常加载。 一些浏览器实际上只通过DOCTYPE.....来验证文档你其实懂我的意思。
不,这将破坏验证。
在HTML 5中,您可以/将能够添加自定义属性。就像这样:
<tag data-myAttri="myVal" />