LINK className setzen

[Fabian]

Hallo,

ich versuche jetzt schon seit 2 Tagen die CSS-Klasse von einem Link per setAttribute zu setzen.

Hier ein Quellcodeausschnitt:

var Zelle_3 = document.createElement("a");
Zelle_3.setAttribute("href", "fms_fz_hist.php?kennung=" + kennung);
Zelle_3.setAttribute("className", "fms_hist");
Zelle_3.setAttribute("title", fahrzeug_name);
Zelle_3.appendChild(document.createTextNode(fahrzeug));

Bis auf className funktioniert es.

Lt. Selfhtml ist className ein Universalattribut und für den <a>-Tag vorhanden.

Danke schon mal für eure Antworten.

[Jurik]

Nehm einfach das "Name" von "className" weg und es funktioniert.

Denk dir einfach du schreibst in HTML und da würdest du ja auch nicht "className" schreiben, sondern "class".

Versuchs und schreib bitte obs funktioniert.

[Vinzenz Mai]

Hallo Fabian,

var Zelle_3 = document.createElement("a");
Zelle_3.setAttribute("href", "fms_fz_hist.php?kennung=" + kennung);
Zelle_3.setAttribute("className", "fms_hist");
Zelle_3.setAttribute("title", fahrzeug_name);
Zelle_3.appendChild(document.createTextNode(fahrzeug));

Bis auf className funktioniert es.

Lt. Selfhtml ist className ein Universalattribut und für den <a>-Tag vorhanden.

bitte lies Dir den Abschnitt zu setAttribute() durch, insbesondere auch den letzten Satz von "Beachten Sie:".

Freundliche Grüße

Vinzenz

[molily]

Hallo,

Zelle_3.setAttribute("href", "fms_fz_hist.php?kennung=" + kennung);
Zelle_3.setAttribute("className", "fms_hist");
Zelle_3.setAttribute("title", fahrzeug_name);

Es gibt Leute, die schwören auf setAttribute, ich bin eher dafür, es komplett wegzulassen, man braucht es eigentlich nie wirklich und es bringt vor allem Probleme mit sich.

Allgemein solltest du dieses Schema verwenden:

element.attributname = "wert";

Es gibt natürlich Attribute, bei denen man Sonderregeln beachten muss. Das ist z.B. bei »class« der Fall. Da heißt es className.

element.className = "klasse";

Anders herum gelten diese Sonderregeln bei getAttribute nicht, aber wegen dem IE dann doch wieder (siehe Vinzenz' Hinweis). Also besser gleich diese Schreibweise lernen.
http://de.selfhtml.org/javascript/objekte/htmlelemente.htm#universaleigenschaften - auf der Seite stehen für alle Elemente die direkten Eigenschaften, also ohne get/setAttribute.

Mathias

[Fabian]

Danke für eure Antworten... Jetzt funktioniert es :)