Gum*_*mbo 288
您可以随意向元素添加自定义属性.但这会使您的文档无效.
在HTML 5中,您将有机会使用前缀为的自定义数据属性data-
.
car*_*tor 184
您可以修改您的!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>
]>
Run Code Online (Sandbox Code Playgroud)
#IMPLIED
意味着它是一个可选的属性,或者你可以使用#REQUIRED
,等等.
更多信息:
http://www.w3schools.com/xml/xml_dtd_attributes.asp
小智 68
不,这将破坏验证.
在HTML 5中,您可以/将能够添加自定义属性.像这样的东西:
<tag data-myAttri="myVal" />
Run Code Online (Sandbox Code Playgroud)
Dav*_*rea 18
在HTML5中:是:使用data-属性.
<ul>
<li data-animal-type="bird">Owl</li>
<li data-animal-type="fish">Salmon</li>
<li data-animal-type="spider">Tarantula</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
luv*_*ere 11
是的,你可以,你在问题中做到了:<html myAttri="myVal"/>
.
小智 7
您可以从JavaScript设置属性.
document.getElementById("foo").myAttri = "myVal"
Run Code Online (Sandbox Code Playgroud)
是的,您可以做到!
具有下一个HTML
标签:
<tag key="value"/>
Run Code Online (Sandbox Code Playgroud)
我们可以使用以下命令访问它们的属性JavaScript
:
element.getAttribute('key'); // Getter
element.setAttribute('key', 'value'); // Setter
Run Code Online (Sandbox Code Playgroud)
Element.setAttribute()
HTML
如果不存在,则将属性放入标记中。因此,HTML
如果要使用进行设置,则无需在代码中声明它JavaScript
。
key
:可以是您想要的属性名称,而当前标签尚未使用。
value
:始终是包含所需内容的字符串。
var demo = document.getElementById("demo")
console.log(demo.dataset.myvar)
// or
alert(demo.dataset.myvar)
//this will show in console the value of myvar
Run Code Online (Sandbox Code Playgroud)
<div id="demo" data-myvar="foo">anything</div>
Run Code Online (Sandbox Code Playgroud)
使用 data-any ,我经常使用它们
<aside data-area="asidetop" data-type="responsive" class="top">
Run Code Online (Sandbox Code Playgroud)