Zwischen Stylesheets in xhtml wechseln via JS?

Yo!

Ich als novize hocke hier grad an ner Übung und komme nicht weiter.

Folgendes ist mein Problem: Ich soll mithilfe eines Buttons zwischen den Stylesheets "ue02.css" und "ue02-invert.css" wechseln.

Sowohl button als auch Stylesheet selbst hab ich hinbekommen, jetzt bekomm ich das switchen aber nicht hin :/

Zunächst einmal:

Hier die Verlinkung des Stylesheets im "head" der xhtml-datei:

<link rel="stylesheet" type="text/css" href="ue02.css" id="bw"/>

Zum Vergrößern anklicken....

Dann der Button im Body der xhtml datei:

<div>
<button type="button" onclick="invert()">Invertieren</button>
</div>

Zum Vergrößern anklicken....

und da ist mein Amateurlatein an seine Grenzen gestoßen. Jetzt muss ich mithilfe von Javascript es schaffen, dass der Button das wechseln zwischen "ue02.css" und "ue02-invert.css" bewirkt.
Daraufhin hatte ich folgendes ausprobiert:

function invert() {
var link = document.getElementsById("bw");
link.setAttribute("href", "ue02-invert.css");

}

Zum Vergrößern anklicken....

Hat aber nicht geholfen. Was mach ich falsch, wo ist der Fehler ? (
Google hilft nicht weiter :S

Danke im Voraus!