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

<tag myAttri="myVal" />

当前回答

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

document.createElement('tag');

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

其他回答

不,这将破坏验证。

在HTML 5中,您可以/将能够添加自定义属性。就像这样:

<tag data-myAttri="myVal" />

是的,你能做到!

有下一个HTML标签:

<tag key="value"/>

我们可以用JavaScript访问它们的属性:

element.getAttribute('key'); // Getter
element.setAttribute('key', 'value'); // Setter

Element.setAttribute()如果该属性不存在,则将其放在HTML标记中。所以,如果你要用JavaScript设置它,你不需要在HTML代码中声明它。

Key:可以是属性的任意名称,而当前标记尚未使用。 值:它总是包含你需要的字符串。

下面是例子:

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

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