两个方法

<link href="css1.css" rel="stylesheet" type="text/css" id="Link1">
<script>
function show_css(id)
{
document.getElementById('Link1').href=id;
}

function isIE() //兼容IE和firefox
{
 var Ka=navigator.userAgent.toLowerCase();
 var rt=Ka.indexOf("opera")!=-1;
 var r=Ka.indexOf("msie")!=-1&&(document.all&&!rt);
 return r;
}
function changePageStyle(url)
{
 var mycss;
 if(isIE())
 { mycss=document.styleSheets[0];
  mycss.href=url;
 }
 else
 {
  mycss=document.getElementsByTagName("link")[0];mycss.setAttribute("href",url);
 }
}

</script>

<a onClick="javascript:show_css('css1.css');">css1</a>
<a onClick="javascript:show_css('css2.css');">css2</a>

<a onClick="javascript:changePageStyle('css1.css');">css1</a>
<a onClick="javascript:changePageStyle('css2.css');">css2</a>