js實作單一html頁面兩套css切換

第一步：匯入兩套css檔案

[html]

[html]

取得所有link元素

 links = document.getElementsByTagName("link");

 //判斷每個link元素中是否含有style字串，用來判斷此link元素為樣式表link ，同時判斷此link是否包含title屬性

 for(i=0; links[i]; i++){

  if(links[i].getAttribute("rel").indexOf("style") != -1 && links[i].getAttribute("title ")){

   //將所有link設為disabled
   links[i].disabled = true;
   //再來判斷title中是否有指定的title有則將目前的link字串為可視即啟動當前的link字串為視覺即啟動當前的link
   if(links[i].getAttribute("title").indexOf(title) != -1){
    links[i].disabled = false
   links[i].disabled = false 
  }
 }
}

第三個步驟：在html標籤中呼叫切換的js函數

[html]