Question

请问用javascript怎么改变ul li中的class变换，如下

<ul>
<li id="1" class="abc"><a href="xxx">1</a></li>
<li id="2" class=""><a href="xxx">2</a></li>
<li id="3" class=""><a href="xxx">3</a></li>
</ul>
当点击2时，class="abc"在li id="2"里，
当点击3时，class="abc"在li id="3"里,

Answer 1

<style type="text/css">
.abc{background-color:red;}
</style>
<ul>
<li id="s1" class="abc" onmouseover="c(1,this);"><a href="xxx">1</a></li>
<li id="s2" class="" onmouseover="c(2,this);"><a href="xxx">2</a></li>
<li id="s3" class="" onmouseover="c(3,this);"><a href="xxx">3</a></li>
</ul>
<script type="text/javascript">
<!--
function c(e,obj){
for (var i=1;i<4;i++){
if (e==i){document.getElementById('s'+i).className='abc';}
else{document.getElementById('s'+i).className='';}
}
}
//-->
</script>

追问

大虾米 谢谢您呀。。
你的是鼠标滑过。。请问如果是我点击后的话，是不是把onmuousever变成onclick？

追答

当然是了，不过你点击就跑到别页去了。这个效果看不到了。如果连接里加个 target="_blank" 还是可以有的。
这个问题都很简单，为什么不自己试试，对电脑不会有坏的影响，自己学的也更牢。

追问

好的 谢谢你。。我知道。。fighting！

追答

给分啊。

Answer 2

用jquery吧，方便。

追问

我不会jquery哦