第一步：导入两套css文件 [html] [html] <br> <br>var title = "样式A"; <br> <br>function setStyle(){ <br> <br> //只是样式A 和样式B切换 <br> if(title=="样式A"){ <br> title = "样式B"; <br> }else{ <br> title = "样式A"; <br> } <br> <br> var i,links; <br> //用dom方法获取所有link元素 <br> links = document.getElementsByTagName("link"); <br> //判断每个link元素中是否含有style字符串 ，用来判断此link元素为样式表link ，同时判断此link是否包含title属性 <br> for(i=0; links[i]; i++){ <br> if(links[i].getAttribute("rel").indexOf("style") != -1 && links[i].getAttribute("title")){ <br> //把所有link设为disabled <br> links[i].disabled = true; <br> //再来判断title中是否有指定的title字符串 有则把当前的link设为可视 即激活当前的link <br> if(links[i].getAttribute("title").indexOf(title) != -1){ <br> links[i].disabled = false; <br> //alert("ok"); <br> } <br> <br> } <br> } <br>} <br> <br> </p> <p>var title = "样式A";</p> <p>function setStyle(){<br> <br> //只是样式A 和样式B切换<br> if(title=="样式A"){<br> title = "样式B";<br> }else{<br> title = "样式A";<br> }<br> <br> var i,links;<br> //用dom方法获取所有link元素<br> links = document.getElementsByTagName("link");<br> //判断每个link元素中是否含有style字符串 ，用来判断此link元素为样式表link ，同时判断此link是否包含title属性<br> for(i=0; links[i]; i++){<br> if(links[i].getAttribute("rel").indexOf("style") != -1 && links[i].getAttribute("title")){<br> //把所有link设为disabled<br> links[i].disabled = true;<br> //再来判断title中是否有指定的title字符串 有则把当前的link设为可视 即激活当前的link<br> if(links[i].getAttribute("title").indexOf(title) != -1){<br> links[i].disabled = false;<br> //alert("ok");<br> }<br> <br> }<br> }<br>}</p> <p>第三步：在html标签中调用切换的js函数 [html]
