javascript 点击改变 class 名

怎么实现 点击<标题1> class="a1" 后变为 class="b2" ,之后点击另外一个<标题2>class就变为变为 class="b2" ,<标题1>又变回为 class="a1"。总之就是点击改变
class名,点击改变一个class 名 另一个就恢复原来的class名

<li class="a1" ><a href="#">标题1</a></li>
<li class="a1" ><a href="#">标题2</a></li>
<li class="a1" ><a href="#">标题3</a></li>


狐的传说
浏览 1748回答 2
2回答

慕尼黑的夜晚无繁华

<script&nbsp;type="text/javascript"> function&nbsp;foo(x) { for&nbsp;(var&nbsp;i&nbsp;=&nbsp;1;&nbsp;i&nbsp;<=&nbsp;3;&nbsp;i++) if&nbsp;(x&nbsp;==&nbsp;i) document.getElementById("l"&nbsp;+&nbsp;i).setAttribute("class",&nbsp;"b1"); else document.getElementById("l"&nbsp;+&nbsp;i).setAttribute("class",&nbsp;"a1"); } </script> <li&nbsp;class="a1"&nbsp;id="l1"><a&nbsp;href="javascript:foo(1)">标题1</a></li> <li&nbsp;class="a1"&nbsp;id="l2"><a&nbsp;href="javascript:foo(2)">标题2</a></li> <li&nbsp;class="a1"&nbsp;id="l3"><a&nbsp;href="javascript:foo(3)">标题3</a></li>
打开App,查看更多内容
随时随地看视频慕课网APP