<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
  function cha(t)
  {
   alert(t.className);
   if (t.className=='t1')
     t.className='t2';
 else
 t.className='t1';
  }
</script>
<style type="text/css">
 .t1{ color:#FF0000}
 .t2{ color:#330099}
</style>
</head><body>
<span id="ttt" class="t1" onclick="cha(this)">fffffff</span>
</body>

解决方案 »

  1.   

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <script language="javascript">
      function cha(classname)
    {
       alert(classname);
       if (classname=='t1')
       {    
     classname='t2';
     else
     classname='t1';
      }
    }
    </script>
    <style type="text/css">
     .t1{ color:#FF0000}
     .t2{ color:#330099}
    </style>
    </head><body>
    <span id="ttt" class="t1" onclick="cha(this.class);">fffffff</span>
    </body>试试
      

  2.   

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <script language="javascript">
      function cha(classname)
    {
       alert(classname);
       if (classname=='t1')
          
     classname='t2';
     else
     classname='t1';
      
    }
    </script>
    <style type="text/css">
     .t1{ color:#FF0000}
     .t2{ color:#330099}
    </style>
    </head><body>
    <span id="ttt" class="t1" onclick="cha(this.class);">fffffff</span>
    </body>
      

  3.   

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <script language="javascript">
      function cha(classname)
    {
       alert(classname);
       if (classname=='t1')
        {
         document.all.ttt.innerHTML="<<span id="ttt" class="t2" onclick="cha(this.class);">fffffff</span>"
        }   ; 
     
     else
     {
         document.all.ttt.innerHTML="<<span id="ttt" class="t1" onclick="cha(this.class);">fffffff</span>"
        };  
    }
    </script>
    <style type="text/css">
     .t1{ color:#FF0000}
     .t2{ color:#330099}
    </style>
    </head><body>
    <span id="ttt" class="t1" onclick="cha(this.class);">fffffff</span>
    </body>
    嘿嘿刚才的不对
      

  4.   

    真的是大小写问题!
    在DOM中那些属性和方法的大小写有什么规律可循吗?
      

  5.   

    css                 javascript操作css
    width               o.style.width     //没有变化
    font-size           o.style.fontSize  //-去掉,第二个字母大写,camel命名法,和java相同
    class               o.style.className //class是javascript保留关键字
    float               o.style.cssFloat  //同理
      

  6.   

    你也可以直接查看
    <script language="javascript">
      function cha(t)
      {
           for(i in t.style)
            alert(i)
         }
    </script>
      

  7.   

    camel命名法
    懂了
    谢谢各位!
      

  8.   

    顺便说一句,大小写这个问题上大家要多注意,js这点上比vbs麻烦多了。