標籤：style blog class code java tar
效果原理：
準備幾套CSS樣式表
調式好每個CSS樣式表的相容性
在點擊按鈕時，改變link中href的值（js擷取link標籤，通過js改變href的值，link也可以給其id）
HTML和js：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>無標題文檔</title><link id="link1" href="css1.css" rel="stylesheet" type="text/css" /></head><body><dl id="message"> <form> <dt> <strong>可以換膚的提交框：</strong> <input id="btn1" type="button" value="皮膚1" /> <input id="btn2" type="button" value="皮膚2" /> </dt> <dd>輸入姓名：<input class="text" type="text" /></dd> <dd>輸入密碼：<input class="text" type="password" /></dd> <dd>請您留言：<textarea></textarea></dd> <dd class="center"><input class="btn" type="submit" value="提交" /></dd> </form></dl></body><script type="text/javascript"> if(document.getElementById){ btn1 = document.getElementById("btn1"); btn2 = document.getElementById("btn2"); link1 = document.getElementById("link1"); btn1.onclick=function(){ link1.href="css1.css"; } btn2.onclick=function(){ link1.href="css2.css"; } }else{ alert("瀏覽器不相容，請更換"); }</script></html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
