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&nbsp;id="geoff"&nbsp;data-geoff="geoff&nbsp;de&nbsp;geoff">我可以得到data-geoff使用var&nbsp;geoff&nbsp;=&nbsp;document.getElementById("geoff");alert(geoff.getAttribute("data-geoff"));看见MSDN..虽然这里提到您需要IE7才能让它正常工作，但不久前我用IE6测试了它，它正确地工作了(甚至在古怪的模式下)。当然，这与HTML 5特有的属性无关。

Answer 2

是的，起作用了。IE支持getAttribute()它是jQuery内部使用的data().data&nbsp;=&nbsp;elem.getAttribute(&nbsp;"data-"&nbsp;+&nbsp;key&nbsp;);&nbsp;//&nbsp;Line&nbsp;1606,&nbsp;jQuery.1.5.2.js所以您可以使用jQuery的.data()方法或普通的JavaScript：示例HTML<div&nbsp;id="some-data"&nbsp;data-name="Tom"></div>JavaScriptvar&nbsp;el&nbsp;=&nbsp;document.getElementById("some-data");var&nbsp;name&nbsp;=&nbsp;el.getAttribute("data-name");alert(name);jQueryvar&nbsp;name&nbsp;=&nbsp;$("#some-data").data("name");