js点击连接指定css样式

比如：<li>简介</li>
<li>公司</li>
<li>人才</li>点击 简介 指定 "Cehckd" Css样式？

解决方案 »

  1.   

    思路：
    <li id='id1'><a href="#" onclick="javascript:document.getElementById('id1').className='Checked';">简介</a></li>
      

  2.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <style>
    .aa{ color:red;
    }
    .bb{ color:blue;
    }
      </style>
     </HEAD> <BODY>
     <SCRIPT LANGUAGE="JavaScript">
     <!--
     function changeCss(oli){
    oli.className="aa";
     }
     //-->
     </SCRIPT>
    <li class="bb" onclick="changeCss(this)">简介 </li> 
    <li >公司 </li> 
    <li>人才 </li> 
     </BODY>
    </HTML>
      

  3.   


    .checked
    {
        color:red;
    }
    .normal
    {
        color:black;
    } <ul>
    <li onclick="javascript:SetCheckedItem(this);">简介</li> 
    <li onclick="javascript:SetCheckedItem(this);">公司</li> 
    <li onclick="javascript:SetCheckedItem(this);">人才</li>
    </ul> var lastItem;
     
    function SetCheckedItem(item)
    {
        if (lastItem)
        {
            lastItem.className = "normal";
        }
        item.className = "checked";
        lastItem = item;
    }
      

  4.   

    感谢大家，当我加了连接时<li onclick="javascript:SetCheckedItem(this);"><a href="#">简介</a></li> Css样式只闪一下就没有了，只能点li才行啊，我不想应用在<a>标签上。
      

  5.   

    在动态页要怎么实现这个效果啊，如：list.asp?ID=21 这样的页面自么办啊