样式问题？
function changestyle()
{
//获取页面上元素
var dom=document.getElementById( "txt ");
//更改元素的样式
dom.style.fontSize= "42 ";
dom.style.color= "fuchsia ";
dom.style.textDecoration= "overline ";
}
//返回以前样式
function getback()
{
var dom=document.getElementById( "txt ");
dom.className= "input1 ";
}
//这是要改变的div
<div class= "input " id= "txt "> 这是演示代码 </div>
//返回以前样式
function getback()
{
var dom=document.getElementById( "txt ");
dom.className= "input1 ";
}
返回不成功， 有几个问题：
1. 能够 清除 所有的 样式吗？使他变为系统默认的字体。
2. 如果不能，有没有什么方法变回 以前的样式。
以下是整个代码：
<head runat= "server ">
<title> 无标题页 </title>
<link href= "StyleSheet.css " rel= "stylesheet " type= "text/css " />
<script type= "text/javascript ">
function changestyle()
{
//获取页面上元素
var dom=document.getElementById( "txt ");
//更改元素的样式
dom.style.fontSize= "42 ";
dom.style.color= "fuchsia ";
dom.style.textDecoration= "overline ";
// dom.className= "input ";
}
function getback()
{
var dom=document.getElementById( "txt ");
dom.className= "input1 ";
}
</script>
</head>
<body>
<form id= "form1 " runat= "server ">
<div>
这是一个动态改变CSS样式的演示
</div>
<div align= "center "> <asp:Image ID= "Image1 " runat= "server " Height= "115px " ImageUrl= "~/Winter.jpg " Width= "239px " /> </div> <br />
<div class= "input " id= "txt "> 这是演示代码 </div>
<div>
<br />
<input type= "button " value= "改变样式 " onclick= "changestyle() " /> <input type= "button " value= "返回原样式 " onclick= "getback() " />
</div>
</form>
</body>
</html>
[解决办法]
为什么不统一写成改变style的值，或者统一的改变className呢？
分别定义input1、input2的样式。
function changestyle()
{
var dom=document.getElementById( "txt ");
dom.className= "input2 ";
}
function getback()
{
var dom=document.getElementById( "txt ");
dom.className= "input1 ";
}
[解决办法]
用session做可能更方便些,,就像前几天我朋友给做的一个网站,他就是用session改变css样式的..
http://www.cguwan.com/guwancheng/chengtian
