Internet Explorer 6 はカスタム データ属性へのアクセスをサポートしていますか?

Internet Explorer 6 のカスタム データ属性

HTML5 でのカスタム データ属性のクエリは広くサポートされている機能ですが、レガシー ブラウザとの互換性は不確実である。この記事では、Internet Explorer 6 が JavaScript を使用した「data-geoff」などのデータ接頭辞付き属性へのアクセスをサポートしているかどうかを調査します。

問題

HTML5 では、カスタム データ属性により開発者は次のことを行うことができます。非標準のキーと値のペアを使用して要素を拡張します。たとえば、次のコードは、「data-geoff」属性を持つ div 要素を作成します。

<div>

The Question

Can JavaScript access the value of "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 中国語 Web サイトの他の関連記事を参照してください。