Mudando a Folha de Estilo javascript

Question

Jan 12, 2013, 12:43 PM

Mudando a Folha de Estilo javascript

Eu peguei este código HTML:

<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>

E em javascript.js eu tenho isso:

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;

Eu quero mudar as folhas de estilo enquanto pressiona esses botões. Eu não consigo descobrir porque não está funcionando.