Test

TIPP 3

Dynamische Styles

JavaScript

Per Knopfdruck zwischen verschiedenen Designs einer Webseite zu wechseln ist mit JavaScript ein Kinderspiel.

Binden Sie Ihre Stylesheets wie gewohnt ein. Das Objekt "document" verfügt über die Collection "styleSheets", welche verwendet werden kann, um eingebundenes CSS zu manipulieren oder deaktivieren.

Ein einfaches Beispiel:

function activate(index) {
    for (var i=0; i < document.styleSheets.length; i++) {
        document.styleSheets[i].disabled = true;
    }
    document.styleSheets[index].disabled = false;
}