Natürlich können Definition und Datenzugriff über Skripte in erweiterten Browsern erfolgen. Sehr nützlich in der Projektpraxis.
Zum Beispiel:
Datensatzattribut-Zugriffsdaten-*benutzerdefinierter Attributwert
Diese Methode greift auf den Wert von benutzerdefinierten data-*-Attributen zu, indem sie auf das Datensatzattribut eines Elements zugreift. Das Dataset-Attribut ist Teil der HTML5-JavaScript-API und wird verwendet, um ein DOMStringMap-Objekt mit den Datenattributen aller ausgewählten Elemente zurückzugeben.
Bei Verwendung dieser Methode sollte das Präfix „data-“ entfernt werden, anstatt den vollständigen Attributnamen wie „data-uid“ für den Zugriff auf Daten zu verwenden.
Eine weitere zu beachtende Sache ist, dass, wenn der Datenattributname einen Bindestrich enthält, zum Beispiel: Daten-Geburtsdatum, der Bindestrich entfernt und in eine Kamel-Groß-/Kleinschreibung umgewandelt wird. Der vorherige Attributname wird danach konvertiert dass es sein sollte: dateOfBirth.
Sieht wunderschön aus, haha, aber leider ist das neue Datensatzattribut nur in den Browsern Chrome 8 Firefox (Gecko) 6.0 Internet Explorer 11 Opera 11.10 Safari 6 implementiert, daher ist es in der Zwischenzeit am besten, getAttribute und setAttribute zum Betrieb zu verwenden.
Über den Datenattributselektor
In der tatsächlichen Entwicklung kann es hilfreich sein, relevante Elemente basierend auf benutzerdefinierten Datenattributen auszuwählen. Verwenden Sie beispielsweise querySelectorAll, um Elemente auszuwählen: