HTML5カスタムデータ属性はIE 6で「機能」しますか？

カスタムデータ属性：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);

IE 6で「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固有の属性とは関係ありません。

はい、機能します。

IE getAttribute()は、jQueryがのために内部的に使用するIE4からサポートしていdata()ます。

data = elem.getAttribute( "data-" + key ); // Line 1606, jQuery.1.5.2.js

したがって、jQueryの.data()メソッドまたは単純なJavaScriptを使用できます。

サンプルHTML

<div id="some-data" data-name="Tom"></div>

Javascript

var el = document.getElementById("some-data");
var name = el.getAttribute("data-name");
alert(name);

jQuery

var name = $("#some-data").data("name");

IE6はHTML5データ属性機能をサポートしていないだけでなく、事実上、現在のブラウザでは事実上それらをサポートしていません。現時点での唯一の例外はChromeです。

data-geoff="geoff de geoff"属性として完全に自由に使用できますが、現在のブラウザバージョンのChromeのみが.dataGeoffプロパティを提供します。

さいわい、IE6を含むすべての現在のブラウザーは、標準のDOM .getAttribute()メソッドを使用して不明な属性を参照できるため、.getAttribute("data-geoff")どこでも機能します。

非常に近い将来、FirefoxとSafariの新しいバージョンがデータ属性をサポートするようになりますが、すべてのブラウザで機能するアクセスアクセスの完全に優れた方法がある場合、HTML5メソッドを使用する理由は実際にはありません一部の訪問者に対してのみ機能します。

CanIUse.comで、この機能の現在のサポート状況の詳細を確認できます。

お役に立てば幸いです。

IEはこれを常にサポートしており（少なくともIE4以降）、JSからアクセスできます。それらは「expandoプロパティ」と呼ばれていました。古いMSDNの記事を参照してください

この動作は、DOM要素のexpando プロパティをfalseに設定することで無効にできます（デフォルトではtrueなので、expando プロパティはデフォルトで機能します）。

編集：URLを修正

新しいブラウザのデータセットプロパティのように、すべてのカスタムデータ属性を一度に取得したい場合は、次のようにします。これは私がやったことであり、IE7 +で私にとって素晴らしい働きをします。

function getDataSet(node) {
    var dataset = {};
    var attrs = node.attributes;
    for (var i = 0; i < attrs.length; i++) {
        var attr = attrs.item(i);
        // make sure it is a data attribute
        if(attr.nodeName.match(new RegExp(/^data-/))) {
            // remove the 'data-' from the string 
            dataset[attr.nodeName.replace(new RegExp('^data-'), '')] = attr.nodeValue;
        }
    }
    return dataset;
}

ではIE6、それが動作しない場合があります。参考のために：MSDN

jQueryを使用してほとんどの場合を処理することをお勧めします。

var geoff = $("#geoff").data("data-geoff");
alert(geoff);

これをコーディングで試してください。