如何用javascript改变一个网页的样式表。
如题 问题点数：20、回复次数：4Top
1 楼slayerbb（名字被抢了）回复于 2006-07-03 15:19:37 得分 5
<link href="1.css" id="maincss" rel="stylesheet" type="text/css">
<input type="button" onClick="sets()" class="inputs" value="fasd54f6as4d56f4as56df456asd456as4df">
<input type="button" onClick="sets1()" class="inputs" value="fasd54f6as4d56f4asdf">
</body>
<script language="javascript">
function sets()
{
maincss.href="2.css"
}
function sets1()
{
document.styleSheets[0].href="1.css"
}
</script>Top
2 楼xuStanly（依依myLove）回复于 2006-07-03 15:22:02 得分 0
window.reload;
加上这句才能把更换后的效果显示出来吧。Top
3 楼ptma（守望者）回复于 2006-07-03 15:24:46 得分 5
多个CSS
<link rel="stylesheet" type="text/css" href="style/1.css" title="CSS1" ID="CSS1">
<link rel="stylesheet" type="text/css" href="style/2.css" title="CSS2" ID="CSS2" DISABLED>
<link rel="stylesheet" type="text/css" href="style/3.css" title="CSS3" ID="CSS3" DISABLED>
<link rel="stylesheet" type="text/css" href="style/4.css" title="CSS4" ID="CSS4" DISABLED>
<script>
function changeCss(id)
{
for (var i=1;i<5;i++)
{
if (i==id)
document.getElementById("CSS"+i).disabled = false;
else
document.getElementById("CSS"+i).disabled = true;
}
}
</script>
Top
4 楼zhenjiaobing（迷茫的人生）回复于 2007-03-16 15:06:02 得分 10
link rel="stylesheet" type="text/css" href="style/4.css" title="CSS4" ID="CSS4" DISABLED>
<script>
function changeCss(id)
{
for (var i=1;i<5;i++)
{
if (i==id)
document.getElementById("CSS"+i).disabled = false;
else
document.getElementById("CSS"+i).disabled = true;
}
}
</script>Top
