1. ホーム
  2. javascript

[解決済み] HTML5のカスタムデータ属性はIE6で「使える」のか?

2022-04-22 05:10:57

質問

カスタムデータの属性です。 http://dev.w3.org/html5/spec/Overview.html#embedding-custom-non-visible-data

仕事」といっても、こんなHTMLなら

<div id="geoff" data-geoff="geoff de geoff">

は以下のJavaScriptになります。

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

は、IE6で、"geoff de geoff "と書かれたアラートを生成しますか?

解決方法は?

カスタム(または独自の)属性の値を取得するには、次のようにします。 getAttribute . あなたの例に倣って

<div id="geoff" data-geoff="geoff de geoff">

の値を取得することができますね。 data-geoff を使って

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

参照 MSDN . また、そこではIE7でないと動作しないと書かれていますが、私は少し前にIE6でテストしたところ、(quirksモードでも)正しく動作しました。

しかし、これはもちろん、HTML5固有の属性とは関係ありません。