412 Stimmen

lovespring avatar

Kann ich ein benutzerdefiniertes Attribut zu einem HTML-Tag hinzufügen?

Gefragt el 14 de November, 2009
Wann wurde die Frage gestellt
354950 Ansichten
Anzahl der Besuche der Frage
5 Antworten
Anzahl der Fragenantworten
Gelöst
Aktueller Status der Frage

Kann ich ein benutzerdefiniertes Attribut zu einem HTML-Tag wie dem folgenden hinzufügen?

<tag myAttri="myVal" />
Gefragt el 14 de November, 2009 von lovespring

Antworten

Zu viele Anzeigen?

22voto

IgniteCoders avatar
IgniteCoders Punkte 3996

Ja, Sie können es schaffen!

Die nächste HTML Tag:

<tag key="value"/>

Wir können auf ihre Attribute mit JavaScript :

element.getAttribute('key'); // Getter
element.setAttribute('key', 'value'); // Setter

Element.setAttribute() setzen Sie das Attribut in die HTML Tag, falls nicht vorhanden. Sie müssen es also nicht in der Datei HTML Code, wenn Sie ihn mit JavaScript .

key : kann jeder beliebige Name für das Attribut sein, der nicht bereits für den aktuellen Tag verwendet wird. value : Es ist immer eine Zeichenkette, die das enthält, was Sie brauchen.

Beantwortet el 25 de August, 2014 von IgniteCoders (3996 Punkte )

13voto

Jasim Droid avatar
Jasim Droid Punkte 107 
var demo = document.getElementById("demo")
console.log(demo.dataset.myvar)
// or
alert(demo.dataset.myvar)
//this will show in console the value of myvar

<div id="demo" data-myvar="foo">anything</div>
Beantwortet el 19 de Oktober, 2017 von Jasim Droid (107 Punkte )

11voto

luvieere avatar
luvieere Punkte 36219

Ja, das können Sie, Sie haben es in der Frage selbst getan: <html myAttri="myVal"/> .

Beantwortet el 14 de November, 2009 von luvieere (36219 Punkte )

6voto

ewg avatar
ewg Punkte 319

Sie können Eigenschaften über JavaScript festlegen.

document.getElementById("foo").myAttri = "myVal"
Beantwortet el 14 de November, 2009 von ewg (319 Punkte )

4voto

Mahozad avatar
Mahozad Punkte 10508

Mit benutzerdefinierte Elemente scheint es üblich zu sein, benutzerdefinierte Eigenschaften sin data- Vorwahl.

Hier ist ein Beispiel aus HTML-Standard: Benutzerdefinierte Elemente (Beachten Sie die country Attribut):

<flag-icon country="nl"></flag-icon>

Ein weiteres Beispiel aus MDN Web Docs: Benutzerdefinierte Elemente verwenden (Beachten Sie die l y c Attribute):

<custom-square l="100" c="red"></custom-square>
Beantwortet el 28 de Februar, 2022 von Mahozad (10508 Punkte )

Verwandte Fragen

Empfohlene Fragen

Top-Tags

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

Yandex
X