<body><div id="content"> ? ?<div id="left" class="div_left"> ? ? ? ?<ul class="mynav " id="myul"> ? ? ? ? ? ?<li><a href="#"><span class="glyphicon glyphicon-home"></span>首頁(yè)</a></li> ? ? ? ? ? ?<li class="first"><a href="#"><span class="glyphicon glyphicon-chevron-right" id="span1"></span>合同</a> ? ? ? ? ? ? ? ?<ul> ? ? ? ? ? ? ? ? ? ?<li><a href="#"><span class="glyphicon glyphicon-circle-arrow-right"></span>創(chuàng)建合同</a></li> ? ? ? ? ? ? ? ? ? ?<li><a href="#"><span class="glyphicon glyphicon-circle-arrow-right"></span>合同變更</a></li> ? ? ? ? ? ? ? ? ? ?<li><a href="#"><span class="glyphicon glyphicon-circle-arrow-right"></span>平臺(tái)方簽署合同</a></li> ? ? ? ? ? ? ? ? ? ?<li><a href="#"><span class="glyphicon glyphicon-circle-arrow-right"></span>合同頁(yè)面簽署</a></li> ? ? ? ? ? ? ? ? ? ?<li><a href="#"><span class="glyphicon glyphicon-circle-arrow-right"></span>授權(quán)代簽合同</a> </li> ? ? ? ? ? ? ? ?</ul> ? ? ? ? ? ?</li> ? ? ? ? ? ?<li class="first"><a href="#"><span class="glyphicon glyphicon-chevron-right"></span>人事檔案</a> ? ? ? ? ? ? ? ?<ul> ? ? ? ? ? ? ? ? ? ?<li><a href="#">skks</a> </li> ? ? ? ? ? ? ? ? ? ?<li><a href="#">skks</a> </li> ? ? ? ? ? ? ? ?</ul> ? ? ? ? ? ?</li> ? ? ? ? ? ?<li><a href="#"><span class="glyphicon glyphicon-chevron-right"></span>用戶注冊(cè)</a> </li> ? ? ? ? ? ?<li><a href="#"><span class="glyphicon glyphicon-chevron-right"></span>下載合同</a> </li> ? ? ? ? ? ?<li><a href="#"><span class="glyphicon glyphicon-chevron-right"></span>圖章管理</a> </li> ? ? ? ?</ul> ? ?</div> ? ?<div id="right" class="div_right"></div></div></body>window.onload=function(){ ? ?var menu=document.getElementById("myul"); ? ?var span1=document.getElementById('span1'); ? ?var cls=menu.getElementsByClassName("first");//一級(jí)菜單 ? ?menu.onclick=function(ev){ ? ? ? ?var e=ev||window.event; ? ? ? ?var target=e.target||e.srcElement; ? ? ? ?if(target.className=="first"){ ? ? ? ? ? ?if(target.children[0].className=="on"){//二級(jí)菜單 ? ? ? ? ? ? ? ?target.children[0].className=""; ? ? ? ? ? ?}else{ ? ? ? ? ? ? ? ?/*for(var i=0;i<cls.length;i++){ ? ? ? ? ? ? ? ? cls[i].children[0].className=""; ? ? ? ? ? ? ? ? }*/ ? ? ? ? ? ? ? ?target.children[0].className="on"; ? ? ? ? ? ?} ? ? ? ?} ? ?}; ? ?for(var i=0;i<cls.length;i++) ? ?{ ? ? ? ?if(cls[i].children[0].className=='on') ? ? ? ?{ ? ? ? ? cls[i].nextNode.className='glyphicon-circle-arrow-right'; ? ? ? ?} ? ? ? ?else { ? ? ? ? ? ?cls[i].nextNode='glyphicon-right'; ? ? ? ?} ? ?}};
如何實(shí)現(xiàn)單擊一級(jí)菜單，顯示二級(jí)菜單時(shí)，一級(jí)菜單里的<a>《span》《/span》</a>的《span》的class樣式改變
追萌
2017-06-24 16:47:42
