将自定义属性添加到HTML标记

时间:2014-03-06 19:51:57

标签: javascript html5

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

作为替代方案,在HTML中创建自定义属性有什么缺点?

作为示例,我在HTML中创建了carType = 'nissa'作为属性,并且我能够使用javascript利用element.getAttribute(attributename)解析它

它似乎适用于我测试的每个浏览器。这个工作流程的负面影响是什么?

1 个答案:

答案 0 :(得分:3)

data- attributes are supported even in older browsers. (见注)

您可以使用您描述的方式轻松获取它们:

element.getAttribute('data-xy')

使用非标准属性的负面影响是它们使您的HTML无效。验证是一种非常有用的工具,可用于查找标记中的问题。如果您使用HTML5 doctype(即使在旧浏览器中也可以放心使用),使用data-属性将有助于您保持标记有效。

More information on MDN