Internet Explorer 6 prend-il en charge l'accès aux attributs de données personnalisés ?

Attributs de données personnalisés dans Internet Explorer 6

L'interrogation d'attributs de données personnalisés dans HTML5 est une fonctionnalité largement prise en charge, mais sa compatibilité avec les navigateurs existants peut être incertain. Cet article examine si Internet Explorer 6 prend en charge l'accès aux attributs préfixés par les données, tels que "data-geoff", à l'aide de JavaScript.

Le problème

En HTML5, les attributs de données personnalisés permettent aux développeurs pour étendre des éléments avec des paires clé-valeur non standard. Par exemple, le code suivant crée un élément div avec un attribut "data-geoff" :

<div>

La question

JavaScript peut-il accéder à la valeur de "data -geoff" en utilisant le code suivant dans Internet Explorer 6 ?

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

Le Réponse

Contrairement à la croyance populaire, Internet Explorer 6 prend en charge la récupération des valeurs d'attributs personnalisés. Pour ce faire, utilisez la méthode getAttribute(), comme démontré ci-dessous :

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

Dans IE6, ce code affichera "geoff de geoff" dans une boîte d'alerte.

Il est important de notez que ce comportement n'est pas spécifique aux attributs HTML5. IE6 prend en charge l'accès à tout attribut personnalisé préfixé par "data-".

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!