HTML數據屬性IE6支持

Question

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個數據屬性（價格和代碼）。 我可以使用.data()方法使用jQuery來實現這一點，它似乎都適用於IE7 / 8/9。 這在IE6中有效嗎？ 我沒有IE6的副本來測試這個。

Answer 1

IE6 - 以及市場上的所有其他瀏覽器 - 總是非常高興您在元素上定義自己的自定義屬性。

使用data-作為前綴在HTML5標准中形式化，但瀏覽器一直支持它，甚至不需要data-前綴。

建議使用data-前綴，因為它現在是標准的一部分，因此未來的瀏覽器可能會對它更加挑剔，同時也因為同時添加到HTML5 DOM規范的新dataset屬性支持它。

顯然你不能使用dataset屬性，因為很少有瀏覽器支持它（不是更新的，更不用說舊的了），但你當然總是可以使用舊的getAttribute()方法（這是jQuery所做的） 。

要了解有關新屬性的瀏覽器支持，我建議使用CanIUse.com網站。 例如，這是他們關於data-屬性的頁面： http ： //caniuse.com/#search=dataset 。 它們具有完整的瀏覽器支持表，可用於各種功能。

希望有所幫助。

Answer 2

您可以使用IETester在不同版本的IE上測試您的網站，是的，它們適用於IE6，IE支持IE4的getAttribute() ，這是jQuery在內部用於data() 。