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中文网其他相关文章!