カスタム データ属性は IE 6 で機能しますか?

IE 6 のカスタム データ属性: 誤解を払拭する

HTML5 の重要な機能であるカスタム データ属性を使用すると、開発者は非後で取得または操作できるように、表示データを HTML 要素に追加します。ただし、Internet Explorer 6 などのレガシー ブラウザとの互換性に関してよくある誤解があります。

誤解: データ属性は IE 6 では機能しない

多くの人が次のように信じています。 getAttribute などの標準 JavaScript メソッドを使用してカスタム データ属性にアクセスすることは、IE 6 では機能しません。ただし、実際は、

現実: カスタム属性は IE 6 でも機能します

誤解にもかかわらず、IE 6 では getAttribute を使用してカスタム データ属性にアクセスすることが実際に可能です。癖モードでも。次の例はこれを示しています。

<div>
<pre class="brush:php;toolbar:false">var geoff = document.getElementById('geoff');
alert(geoff.getAttribute("data-geoff"));

この場合、getAttribute メソッドは値「geoff de geoff」を正常に取得し、それをアラート ボックスに表示します。

属性の特異性

この機能は固有のものではないことに注意することが重要ですHTML5 属性に。 IE 6 は、プレフィックスや目的に関係なく、すべてのカスタム属性へのアクセスをサポートします。

結論

一般的な考えに反して、カスタム データ属性は IE 6 でサポートされるだけでなく、 getAttribute などの標準 JavaScript メソッドを使用してアクセスすることもできます。これにより、これらの属性は従来のブラウザと互換性がないという誤解が払拭され、開発者はより広範囲のアプリケーションでデータの保存と取得にこれらの属性を利用できるようになります。