Ändern von JavaScript für Stylesheets

Question

Jan 12, 2013, 12:43 PM

Ändern von JavaScript für Stylesheets

Ich habe diesen HTML-Code erhalten:

<head>
    <script type="application/javascript" src="javascript.js">
    <link id="pagestyle" href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <button id="stylesheet1" > Default Style Sheet </button>
    <button id="stylesheet2" > Dark Style Sheet </button>
</body>

Und in javascript.js habe ich Folgendes:

function swapStyleSheet(sheet) {
    document.getElementById("pagestyle").setAttribute("href", sheet);  
}

function initate() {
    var style1 = document.getElementById("stylesheet1");
    var style2 = document.getElementById("stylesheet2");

    style1.onclick = swapStyleSheet("default".css);
    style2.onclick = swapStyleSheet("dark".css);
}

window.onload = initate;

Ich möchte, dass sich die Stylesheets ändern, während ich diese Tasten drücke. Ich kann nicht herausfinden, warum es nicht funktioniert.