js调用css的问题
<div     id= "productSwitcher ">
<a   id= "list1 "     class= "ontime "   href= " "> 首     页   </a>
<a   id= "list2 "     href= " "> 采购管理 </a>
<a   id= "list3 "     href= " "> 销售管理 </a>
<a   id= "list4 "     href= " "> 库存管理 </a>
<a   id= "list5 "     href= " "> 财务管理 </a>
<a   id= "list6 "     href= " "> 系统管理 </a>
<div   style= "clear:both; "> </div>
</div>

我想实现当点击采购管理的时候,
变成 <a   id= "list2 "     href= " "   class= "ontime "> 采购管理 </a>
点击销售管理的时候变成 <a   id= "list4 "     href= " "   class= "ontime "> 库存管理 </a>
该如何实现


------解决方案--------------------
<div id= "productSwitcher " onclick= "mm(this, event) ">
<a id= "list1 " class= "ontime " href= "# "> 首 页 </a>
<a id= "list2 " href= "# "> 采购管理 </a>
<a id= "list3 " href= "# "> 销售管理 </a>
<a id= "list4 " href= "# "> 库存管理 </a>
<a id= "list5 " href= "# "> 财务管理 </a>
<a id= "list6 " href= "# "> 系统管理 </a>
<div style= "clear:both; "> </div>
</div>
<SCRIPT LANGUAGE= "JavaScript ">
<!--
function mm(div, e)
{
e = window.event||e;
e = e.srcElement || e.target;
if(e.tagName== "A ")
{
var a = div.childNodes;
for(var i=0; i <a.length; i++)
{
if(a[i].nodeType==1) a[i].className= " ";
}
e.className= "ontime "
}
}
//-->
</SCRIPT>
------解决方案--------------------
<style type= "text/css ">
.myColor{color:yellow;}
</style>
<a id= "list2 " href= "# " onclick= "this.className= 'myColor ' "> 采购管理 </a>
------解决方案--------------------
在后面加上
document.getElementByid( 'list2 ').class= 'ontime ';

其它依次类推!
------解决方案--------------------
不能直接看源文件

要这样

alert(document.body.innerHTML);
------解决方案--------------------
JS 是对内存中 DOM 页面操作，不会修改源代码！