可以通过createElement来插入
例如：
function getCss(url){var oLink=document.createElement("link")
oLink.type="text/css"
oLink.href=url
document.getElementsByTagName("head")[0].appendChild(oLink)
}
getCss("传入css路径")
不知道你要的是不是这种
JS文件中动态调用外部css, 文件方法如下:function loadExtentFile(filePath, fileType){
if(fileType == "js"){
var oJs = document.create_rElement('script')
oJs.setAttribute("type","text/javascript")
oJs.setAttribute("src", filename)//文件的地址 ,可为绝对及相对路径
document.getElementsByTagName_r("head")[0].appendChild(oJs)//绑定
}else if(fileType == "css"){
var oCss = document.create_rElement("link")
oCss.setAttribute("rel", "stylesheet")
oCss.setAttribute("type", "text/css")
oCss.setAttribute("href", filename)
document.getElementsByTagName_r("head")[0].appendChild(oCss)//绑定
}
}
loadExtentFile("js/func.js", "js")
loadExtentFile("default.css", "css")
清空:
var lists = document.getElementsByTagName_r("link")
for ( var i = 0i <lists.lengthi++) {
if (lists[i].getAttribute("href").indexOf(".css") != -1) == -1) {
lists[i].parentNode.removeChild(lists[i])
}
}
上面的判断语句中可以加入自己的判断。
<script language="javascript">function changestyle(name){
css=document.getElementById("cssfile")
css.href="skins/"+name+"/"+name+".css"
document.all.sel.options[0].selected=true
}
</script>
<select name="sel" onchange="changestyle(this.options[this.options.selectedIndex].value)">
<option value="base">请选择</option>
<option value="base">经典蓝</option>
<option value="black">冷酷黑</option>
<option value="blue">蓝色的</option>
</select>
我写的换肤程序，希望有用
