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

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

<tag 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>

在HTML5中:yes:使用data-属性。

 <ul>
  <li data-animal-type="bird">Owl</li>
  <li data-animal-type="fish">Salmon</li>
  <li data-animal-type="spider">Tarantula</li>
</ul>

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

document.createElement('tag');

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

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

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

您可以通过JavaScript设置属性。

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

推荐文章