為何不能換皮膚
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link id="css1" rel="stylesheet" type="text/css" href="css1.css"/>
<script id="css2" type="text/javascript">
function Btn(){
var a =document.getElementById("css1")
a.href="css1.css"
}
function Btn2(){
var b =document.getElementById("css2")
a.href="css2.css"
}
</script>
</head>
<body>
<input type="button" name="" id="" value="紅色" onclick="Btn()"/>
<input type="button" name="" id="" value="藍色" onclick="Btn2()"/>
</body>
</html>
2016-07-29
按照你的思路，應該是想通過修改對象的href來修改導入的css文件，那么
function Btn2(){
var b =document.getElementById("css2") ?//“css2”改為“css1”
a.href="css2.css" ?//a改為b
}
如果想要看到效果請確保你的css文件跟html文件放在同一目錄下，并且css里有內容，以下是我修改后的代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link id="css1" rel="stylesheet" type="text/css" href="css1.css"/>
<script ?type="text/javascript">
function Btn(){
var a =document.getElementById("css1")
a.href="css1.css"
}
function Btn2(){
var b =document.getElementById("css1")
b.href="css2.css"
}
</script>
</head>
<body>
<input type="button" name="" id="" value="紅色" onclick="Btn()"/>
<input type="button" name="" id="" value="藍色" onclick="Btn2()"/>
</body>
</html>
----------------------------------------------------------------------------------------------------------
css1文件:
body{background:red;}
css2文件:
body{background:blue;}
驗證無誤