我可以向HTML标记添加自定义属性吗?

我可以像下面这样向HTML标记添加自定义属性吗?

<tag myAttri="myVal" />

当前回答

var demo = document.getElementById("demo") console.log (demo.dataset.myvar) / /或警报(demo.dataset.myvar) //这将在控制台显示myvar的值 <div id="demo" data-myvar="foo">anything</div>

2017-10-18 22:39:55

其他回答

你可以添加，但你也必须写一行JavaScript代码，

document.createElement('tag');

确保一切都到位。我指的是ie浏览器:)

2012-11-19 09:27:03

你可以修改你的!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中。

2009-11-14 22:15:21

对于自定义元素，添加不带数据前缀的自定义属性似乎很常见。

下面是一个来自HTML标准的例子:自定义元素(注意国家属性):

<flag-icon country="nl"></flag-icon>

另一个来自MDN Web Docs的例子:使用自定义元素(注意l和c属性):

<custom-square l="100" c="red"></custom-square>

2022-02-28 19:09:19

jQuery data()函数允许您将任意数据与DOM元素关联起来。举个例子。

2009-11-14 19:23:30

您可以通过JavaScript设置属性。

document.getElementById("foo").myAttri = "myVal"

2009-11-14 22:46:14

我可以向HTML标记添加自定义属性吗?

推荐文章

最新文章

标签