HTML 5自定义数据属性在IE6中“工作”吗？

Question

HTML 5自定义数据属性在IE6中“工作”吗？自定义数据属性：http：/dev.w3.org/html 5/spec/Overview.html#Embedded-自定义-不可见-数据当我说“工作”时，我的意思是，如果我有这样的HTML：<div id="geoff" data-geoff="geoff de geoff">下面的JavaScript将：var geoff = document.getElementById('geoff');alert(geoff.dataGeoff);在IE6中制作一个带有“Geoff de Geoff”的警报？

Answer 1

您可以使用以下方法检索自定义(或您自己的)属性的值getAttribute..遵循您的示例

<div id="geoff" data-geoff="geoff de geoff">

我可以得到data-geoff使用

var geoff = document.getElementById("geoff");alert(geoff.getAttribute("data-geoff"));

看见MSDN..虽然这里提到您需要IE7才能让它正常工作，但不久前我用IE6测试了它，它正确地工作了(甚至在古怪的模式下)。

当然，这与HTML 5特有的属性无关。

Answer 2

是的，起作用了。

IE支持getAttribute()它是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");