0

HTMLのデータ属性はIE6で機能しますか?

私はこのような属性を使用しています<img id="charm_1" data-code='sdfsdfsdfsdf' data-price='100' class='addition_image' src="img/misc/donut.png" width="55" height="55" alt="Donut">

ご覧のとおり、2つのデータ属性(価格とコード)があります。メソッドを使用してjQueryでこれを取得できますが、.data()すべてIE7/8/9で機能するようです。これはIE6で機能しますか?これをテストするためのIE6のコピーがありません。

4

2 に答える 2

2

IE6 (そして実際、市場に出回っている他のすべてのブラウザー) は、要素に独自のカスタム属性を定義できることを常に歓迎してきました。

接頭辞としての の使用はHTML5 標準で形式化されましたが、ブラウザーは常にそれをサポートしており、実際には接頭辞data-を必要としません。data-

接頭辞が推奨されるのdata-は、現在は標準の一部であるため、将来のブラウザがそれについてより慎重になる可能性があるためです。また、datasetそれをサポートするために同時に HTML5 DOM 仕様に追加された新しいプロパティのためでもあります。

datasetこのプロパティをサポートしているブラウザーはほとんどないため (古いブラウザーは言うまでもなく、新しいブラウザーでもありません)、明らかにこのプロパティを使用することはできませんが、getAttribute()代わりにいつでも古き良きメソッドを使用できます (これが jQuery の機能です)。

新しいプロパティのブラウザー サポートについて調べるには、CanIUse.com サイトをお勧めします。たとえば、data-属性に関するページは次のとおりです: http://caniuse.com/#search=dataset。幅広い機能の完全なブラウザー サポート テーブルがあります。

それが役立つことを願っています。

于 2011-10-21T08:13:17.667 に答える
0

IETester を使用して、さまざまなバージョンの IE で Web サイトをテストできます。IE6 で動作します。IE は、jQuery が内部的に使用する IE4 からサポートされgetAttribute()data()ます。

于 2011-10-21T08:08:15.540 に答える