function switchStyleSheet(title) {

         document.cookie = 'stylesheet=' + title;

        var links = document.getElementsByTagName('link');

 

        for (var i = 0, len = links.length; i < len; i++) {

                var rel = links[i].getAttribute('rel');

                var linkTitle = links[i].getAttribute('title');

 

                if (/(^| )stylesheet( |$)/.test(rel) && linkTitle != null && linkTitle != '') {

                        links[i].disabled = true;

                        if (linkTitle == title)

                                links[i].disabled = false;

                }

        }

 

<link href="style.css" type="text/css" rel="stylesheet" />

<link href="style_alt_white.css" type="text/css" rel="alternate stylesheet" title="white style" />

<link href="style_alt_red.css" type="text/css" rel="alternate stylesheet" title="red style" />

<link href="style_alt_green.css" type="text/css" rel="alternate stylesheet" title="green style" />

<link href="style_alt_blue.css" type="text/css" rel="alternate stylesheet" title="blue style" />

<ul>

<li><a href="#" onclick="switchStyleSheet('red style')">Красный</a></li>

<li><a href="#" onclick="switchStyleSheet('green style')">Зеленый</a></li>

<li><a href="#" onclick="switchStyleSheet('blue style')">Синий</a></li>

<li><a href="#" onclick="switchStyleSheet('white style')">Белый</a></li>

</ul>

 

 

 

 

function switchStyleSheet(title, media) {

        if (typeof media == "undefined" || media == "") {

                media = ".*";

        }

 

        var mediaPattern = new RegExp("(^|,)\s*" + media + "\s*(,|$)");

 

        var links = document.getElementsByTagName("link");

        for (var i = 0; i < links.length; i++) {

                var rel = links[i].getAttribute("rel");

                var linkTitle = links[i].getAttribute("title");

 

                if (/(^| )stylesheet( |$)/.test(rel) && linkTitle != null && linkTitle != "") {

                        var styleMedia = links[i].getAttribute("media");

                        if (styleMedia == null || styleMedia == "" || styleMedia == "all" || mediaPattern.test(styleMedia)) {

                                links[i].disabled = true;

                                links[i].rel = "alternate stylesheet";

 

                                if (linkTitle == title) {

                                        links[i].disabled = false;

                                        links[i].rel = "stylesheet"

                                }

                        }

                }

        }

 

        document.cookie = "stylesheet=" + title;