Internet Explorer 6 是否支持访问自定义数据属性？

Internet Explorer 6 中的自定义数据属性

在 HTML5 中查询自定义数据属性是一项广泛支持的功能，但其与旧版浏览器的兼容性可能会受到影响。不确定。本文研究 Internet Explorer 6 是否支持使用 JavaScript 访问数据前缀属性，例如“data-geoff”。

问题

在 HTML5 中，自定义数据属性允许开发人员使用非标准键值对扩展元素。例如，以下代码创建一个具有“data-geoff”属性的 div 元素：

<div>

问题

JavaScript 能否访问“data”的值-geoff” 在 Internet Explorer 6 中使用以下代码？

var geoff = document.getElementById('geoff');
alert(geoff.dataGeoff);

答案

与普遍看法相反，Internet Explorer 6 确实支持检索自定义属性值。为此，请使用 getAttribute() 方法，如下所示：

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

在 IE6 中，此代码将在警报框中显示“geoff de geoff”。

重要的是请注意，此行为并非特定于 HTML5 属性。 IE6 支持访问任何以“data-”为前缀的自定义属性。

以上是Internet Explorer 6 是否支持访问自定义数据属性？的详细内容。更多信息请关注PHP中文网其他相关文章！