styles mit javascript

Obwohl es ganz ganz böse ist, im Javascript sowas wie

document.getElementById("element").style.width = "100px";

zu schreiben, bringt die jQuery-Variante

$("#element").css({ width: "100px" });

deutlich mehr Spaß. Und manchmal braucht mans ja doch. Drum habe ich diese kurze Kopie erdacht:

function css(el,styles) {
for (item in styles)
el.style[item] = styles[item];
}

Der Aufruf ist ähnlich dem jQuery-Beispiel:

var el = document.getElementById("element");
css(el, { border: "1px solid green", width: "100px" });

Advertisements

Kommentar verfassen

Trage deine Daten unten ein oder klicke ein Icon um dich einzuloggen:

WordPress.com-Logo

Du kommentierst mit Deinem WordPress.com-Konto. Abmelden / Ändern )

Twitter-Bild

Du kommentierst mit Deinem Twitter-Konto. Abmelden / Ändern )

Facebook-Foto

Du kommentierst mit Deinem Facebook-Konto. Abmelden / Ändern )

Google+ Foto

Du kommentierst mit Deinem Google+-Konto. Abmelden / Ändern )

Verbinde mit %s