自定义数据属性：http : //dev.w3.org/html5/spec/Overview.html#embedding-custom-non-visible-data
当我说“工作”时，我的意思是，如果我有这样的 HTML：
<div id="geoff" data-geoff="geoff de geoff">
将以下 JavaScript：
var geoff = document.getElementById('geoff');
alert(geoff.dataGeoff);
在 IE 6 中生成带有“geoff de geoff”的警报？
您可以使用 检索自定义（或您自己的）属性的值getAttribute。按照你的例子
<div id="geoff" data-geoff="geoff de geoff">
我可以获得data-geoff使用的value
var geoff = document.getElementById("geoff");
alert(geoff.getAttribute("data-geoff"));
请参阅MSDN。虽然那里提到你需要 IE7 才能让它工作，但我不久前用 IE6 测试过它并且它运行正常（即使在怪癖模式下）。
但这当然与特定于 HTML5 的属性无关。
是的，他们工作。
IE 已经getAttribute()从 IE4开始支持，这是 jQuery 在内部用于data().
data = elem.getAttribute( "data-" + key ); // Line 1606, jQuery.1.5.2.js
所以你既可以使用 jQuery 的.data()方法，也可以使用普通的 JavaScript：
示例 HTML
<div id="some-data" data-name="Tom"></div>
Javascript
var el = document.getElementById("some-data");
var name = el.getAttribute("data-name");
alert(name);
jQuery
var name = $("#some-data").data("name");
不仅 IE6 不支持 HTML5 数据属性功能，事实上当前几乎没有浏览器支持它们！目前唯一的例外是 Chrome。
您完全可以自由地将其data-geoff="geoff de geoff"用作属性，但只有当前浏览器版本的 Chrome 才会为您提供该.dataGeoff属性。
幸运的是，所有当前的浏览器（包括 IE6）都可以使用标准 DOM.getAttribute()方法引用未知属性，因此.getAttribute("data-geoff")可以在任何地方使用。
在不久的将来，新版本的 Firefox 和 Safari 将开始支持 data 属性，但鉴于有一种完美的访问方式，适用于所有浏览器，那么真的没有理由使用 HTML5 方法仅适用于您的某些访问者。
您可以在CanIUse.com 上查看有关此功能的当前支持状态的更多信息。
希望有帮助。
我认为 IE 一直支持这个（至少从 IE4 开始）并且您可以从 JS 访问它们。它们被称为“扩展属性”。请参阅旧的 MSDN 文章
可以通过在 DOM 元素上将expando属性设置为 false来禁用此行为（默认情况下为 true，因此 expando属性默认工作）。
编辑：修复了 URL
如果您想在较新的浏览器中像数据集属性一样一次性检索所有自定义数据属性，您可以执行以下操作。这就是我在 ie7+ 中所做的并且非常适合我。
function getDataSet(node) {
var dataset = {};
var attrs = node.attributes;
for (var i = 0; i < attrs.length; i++) {
var attr = attrs.item(i);
// make sure it is a data attribute
if(attr.nodeName.match(new RegExp(/^data-/))) {
// remove the 'data-' from the string
dataset[attr.nodeName.replace(new RegExp('^data-'), '')] = attr.nodeValue;
}
}
return dataset;
}