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

<tag myAttri="myVal" />

当前回答

你可以像这样从JavaScript中提取你想要的值,而不是一个属性:

<a href='#' class='click'>
    <span style='display:none;'>value for JavaScript</span>some text
</a>

其他回答

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

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

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

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

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

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

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

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

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

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

document.createElement('tag');

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