当前位置: 代码迷 >> 网页设计 >> 样式有关问题
  详细解决方案

样式有关问题

热度:114   发布时间:2012-03-05 11:54:02.0
样式问题?
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 ">
  相关解决方案