Unterstützt Internet Explorer 6 den Zugriff auf benutzerdefinierte Datenattribute?

Benutzerdefinierte Datenattribute in Internet Explorer 6

Das Abfragen benutzerdefinierter Datenattribute in HTML5 ist eine weithin unterstützte Funktion, die aufgrund der Kompatibilität mit älteren Browsern jedoch möglich ist unsicher sein. In diesem Artikel wird untersucht, ob Internet Explorer 6 den Zugriff auf Attribute mit Datenpräfixen wie „data-geoff“ mithilfe von JavaScript unterstützt.

Das Problem

In HTML5 ermöglichen benutzerdefinierte Datenattribute Entwicklern um Elemente mit nicht standardmäßigen Schlüssel-Wert-Paaren zu erweitern. Der folgende Code erstellt beispielsweise ein div-Element mit einem „data-geoff“-Attribut:

<div>
<p><strong>Die Frage</strong></p>
<p>Kann JavaScript auf den Wert von „data“ zugreifen? -geoff“ mit dem folgenden Code in Internet Explorer 6?</p>
<pre class="brush:php;toolbar:false">var geoff = document.getElementById('geoff');
alert(geoff.dataGeoff);

Die Antwort

Entgegen der landläufigen Meinung unterstützt Internet Explorer 6 das Abrufen benutzerdefinierter Attributwerte. Verwenden Sie dazu die Methode getAttribute(), wie unten gezeigt:

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

In IE6 zeigt dieser Code „geoff de geoff“ in einem Warnfeld an.

Das ist wichtig Beachten Sie, dass dieses Verhalten nicht spezifisch für HTML5-Attribute ist. IE6 unterstützt den Zugriff auf jedes benutzerdefinierte Attribut mit dem Präfix „data-“.