我可以像下面这样向HTML标记添加自定义属性吗?
<tag myAttri="myVal" />
我可以像下面这样向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.....来验证文档你其实懂我的意思。
不,这将破坏验证。
在HTML 5中,您可以/将能够添加自定义属性。就像这样:
<tag data-myAttri="myVal" />
对于自定义元素,添加不带数据前缀的自定义属性似乎很常见。
下面是一个来自HTML标准的例子:自定义元素(注意国家属性):
<flag-icon country="nl"></flag-icon>
另一个来自MDN Web Docs的例子:使用自定义元素(注意l和c属性):
<custom-square l="100" c="red"></custom-square>
你可以像这样从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:可以是属性的任意名称,而当前标记尚未使用。 值:它总是包含你需要的字符串。