Javascript 向HTML标记添加自定义属性

我一直在使用数据属性在HTML中添加自定义属性。不幸的是，旧浏览器不支持数据

另外，在HTML中创建自定义属性的缺点是什么

例如，我创建了

carType='nissa'

作为HTML中的一个属性，并且我能够使用javascript利用

element.getAttribute（attributename）

它似乎适用于我测试过的每一款浏览器。此工作流的负面影响是什么？

（请参见注释）

您可以简单地使用您描述的方式获取它们：

element.getAttribute('data-xy')

使用非标准属性的负面影响是它们使HTML无效。验证是查找标记中问题的非常有用的工具。如果使用

数据-

属性（即使在旧浏览器中也可以安全地使用），将有助于保持标记的有效性

---

您不能用数据属性也这样做吗

data-carType='nissa'

然后

element.getAttribute（'data-carType'）

考虑使用

data-*

属性。它们是向元素添加数据的标准方式。@不允许使用Musa大写字母。@Brad我明白了。但它也表示：

HTML文档中HTML元素上的所有属性名都自动将ASCII小写，因此对ASCII大写字母的限制不会影响此类文档。

@kapa我不知道您的情况，但我希望我的文档与XML保持兼容。这并没有改变资本要素不被允许的事实。。。只是HTML解析器对你很好。