js点击改变class的值

<style type="text/css">
<!--
 .nav_title{ background-color:#FFFF00}
 .nav_title_onclick{ background-color:#00FF00}
-->
</style><ul> 
                <li class="nav_title" onclick="g(this)">文章管理1 </li> 
                <li> <a href="#">添加文章 </a> </li> 
                <li> <a href="#">添加文章 </a> </li> 
                <li class="nav_title">产品管理 </li> 
                <li> <a href="#">添加文章 </a> </li> 
                <li> <a href="#">添加文章 </a> </li> 
                <li class="nav_title">产品管理 </li> 
                <li> <a href="#">添加文章 </a> </li> 
                <li> <a href="#">添加文章 </a> </li> 
                </ul>
<script>
function g(e){
e.className=(e.className=="nav_title"?"nav_title_onclick":"nav_title")
}
</script>
这样?

解决方案 »

  1.   

    ie下的class和ff下的不一样
    ie可以直接
         obj.className=(obj.className=="nav_title"?"nav_title_onclick":"nav_title");ff是class属性obj.setAttribute("class",(obj.getAttribute("class")=="nav_title"?"nav_title_onclick":"nav_title"));
      

  2.   

    测试了下，怎么加上<script type="application/javascript" language="javascript">就不行呢？
    用<script>就行？
      

  3.   

    if(document.all)
    {
    //IE下的代码
    }
    else
    {
    //Firefox等的代码
    }
      

  4.   

    貌似上面的说法有些不对
    用setAttribute时 ff下用写成class 如下代码  直接写className  或者 class 就会有一个浏览器显示不出来
    <style type="text/css">
    .xx{ width:200px; height:200px; background-color:#FFFF99}
    </style>
    <body>
    </body>
    <script>
    var div = document.createElement("div");
    if(document.all)
    {div.setAttribute("className", "xx")}//for IE
    else
    {div.setAttribute("class", "xx");}  //for firefoxdocument.body.appendChild(div)
    </script>但是直接用div.className的时候  2个浏览器都是可以显示的
    <style type="text/css">
    .xx{ width:200px; height:200px; background-color:#FFFF99}
    </style>
    <body>
    </body>
    <script>
    var div = document.createElement("div");
    div.className="xx"  //这个地方用div.class="xx"  在ff下是不会显示出样式的
    document.body.appendChild(div)
    </script>
    测试版本 ie 6   ff 2.0
    不信  可以试试
      

  5.   

    呵呵，楼上的你到底说的是可以，还是不可以哦？改变class不用setAttribute
    直接用 obj.className
      

  6.   

    我是想说直接写
    用 obj.className ="xx"    兼容ie ffsetAttribute
    就要区分  class  和className了 
    恩 就是这个意思   ^_^