我可以向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

其他回答

下面是例子:

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中测试上面的代码，例如:

2017-08-03 12:13:38

您可以随意向元素添加自定义属性。但这会使您的文件无效。

在HTML 5中，您将有机会使用自定义数据属性前缀data-。

2009-11-14 19:14:50

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

下面是一个来自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

使用任何数据，我经常使用它们

<aside data-area="asidetop" data-type="responsive" class="top">

2019-08-30 06:12:07

是的，你可以，你在问题本身做到了:<html myAttri="myVal"/>。

2009-11-14 19:11:40

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

推荐文章

最新文章

标签