Lieber piet,
Du suchst wohl etwas in dieser Art:
var mytext = document.getElementById("myid");
mytext.style = myCssStuff;
Jedes HTMLElementObjekt kennt eine Eigenschaft style
, welche selbst ein Objekt ist und welche CSS-Eigenschaften speichern kann, ähnlich wie das style
-Attribut in HTML.
ABER:
Es ist oft sinnvoller, mittels JavaScript einem HTML-Elementobjekt eine (weitere?) Klasse zu geben, anstatt CSS-Eigenschaften an dessen style
-Objekt zu vergeben. Dazu benutzt man entweder die className
-Eigenschaft (Oldschool) oder classList
(neuere Browser):
var mytext = document.getElementById("myid");
// old school (ohne classList) oder new school (mit classList)?
if (!document.body.classList) {
// wenn noch keine Klasse vergeben wurde
mytext.className = "myClassName";
// wenn schon mindestens eine Klasse vergeben wurde
mytext.className += " myOtherClassName";
} else {
// Wenn dieser Klassenname schon existiert, dann wird er nicht erneut hinzugefügt:
mytext.classList.add("myClassName");
}
Liebe Grüße,
Felix Riesterer.