Felix Riesterer: übergebene Variable als style an html-Elemet hängen

Beitrag lesen

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.