将自定义属性添加到HTML标记
我一直在使用数据属性来添加HTML中的自定义属性。 不幸的是，旧版浏览器不支持数据。
作为替代，在HTML中创建自定义属性的缺点是什么？
作为一个例子，我创建了carType = 'nissa'作为HTML中的一个属性，并且我能够使用element.getAttribute(attributename)
它似乎适用于我测试过的每个浏览器。 这个工作流程的负面影响是什么？
即使在较旧的浏览器中也支持data-属性。 （见注）
你可以简单地使用你描述的方式获得它们：
element.getAttribute('data-xy')
使用非标准属性的负面影响是它们使HTML无效。 验证是一个非常有用的工具，用于查找标记中的问题。 如果您使用HTML5文档类型（即使在旧版浏览器中也可以安全地使用），使用data-属性可以帮助您保持标记的有效性。
有关MDN的更多信息
旧版浏览器的问题是“ - ”。 试试这个：
<div id="#selector" data-testing="my data">
var data = document.getElementById("#selector");
console.log(data.getAttribute("data-testing"));