動態加載使用JavaScript

可能重複外部CSS文件：
Dynamically loading an external CSS file 動態加載使用JavaScript

我試圖使用外部的CSS網頁，以創建一個動態的頁面，該頁面的顏色會得到改變。以下是我的代碼。但是當我點擊href時，我沒有收到任何輸出。任何人都可以請告訴我的代碼中有什麼問題？任何建議或想法請。

<script language="JavaScript"> 
function loadjscssfile(filename, filetype) 
{ 
    if (filetype=="css") 
    { 
     var fileref=document.createElement("link") 
     fileref.setAttribute("rel", "stylesheet") 
     fileref.setAttribute("type", "text/css") 
     fileref.setAttribute("href", filename) 
    } 
    if (typeof fileref!="undefined") 
     document.getElementsByTagName("head")[0].appendChild(fileref) 
} 

loadjscssfile("mystyle.css", "css") 
</script> 
<a href="javascript:loadjscssfile('oldstyle.css','css')">Load "oldstyle.css"</a>

我修改了我的代碼，如下所示。我仍然面臨着獲取輸出的問題。沒有結果。任何人都可以請幫我嗎？

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<link rel="stylesheet" type="text/css" href="css/newstyle.css" /> 
<script language="JavaScript" type="text/javascript"> 
function loadjscssfile(filename, filetype) 
{ 
    if (filetype=="css") 
    { 
     var fileref = document.createElement("link"); 
     fileref.rel = "stylesheet"; 
     fileref.type = "text/css"; 
     fileref.href = "filename"; 
     document.getElementsByTagName("head")[0].appendChild(fileref) 
    } 
} 
loadjscssfile("oldstyle.css", "css") 
</script> 
<a href="javascript:loadjscssfile('oldstyle.css','css')">Load "oldstyle.css"</a> 
</head>

來源

2010-01-20 Patel