我可以像下面这样向HTML标记添加自定义属性吗?
<tag myAttri="myVal" />
我可以像下面这样向HTML标记添加自定义属性吗?
<tag myAttri="myVal" />
当前回答
你可以像这样从JavaScript中提取你想要的值,而不是一个属性:
<a href='#' class='click'>
<span style='display:none;'>value for JavaScript</span>some text
</a>
其他回答
不,这将破坏验证。
在HTML 5中,您可以/将能够添加自定义属性。就像这样:
<tag data-myAttri="myVal" />
你可以添加,但你也必须写一行JavaScript代码,
document.createElement('tag');
确保一切都到位。我指的是ie浏览器:)
下面是例子:
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中测试上面的代码,例如:
您可以通过JavaScript设置属性。
document.getElementById("foo").myAttri = "myVal"
我可以想到自定义标记“init”的一个方便的用法。包含一个JavaScript表达式,它在document.onLoad()时被求值,并为标记提供一个值,例如。
<p><p>The UTC date is <span init="new Date().toUTCString()">?</span>.<p></p>
一些样例JavaScript代码会在document.onload()时扫描DOM中的所有标记,查找init属性,计算它们包含的表达式,并将它们分配给包含标记的innerHTML。这将赋予HTML一些JSP、PHP等的强大功能。目前,我们必须将HTML标记和说明它的JavaScript代码分开。bug喜欢拆分代码。