Question

关于JS改变类名称的问题 新手求助

<ul> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> 目标功能：点击li改变li的class名称 无效果 求解 谢谢各位大神

Answer 1

用e.className去操作元素的class属性，而且

e.className 能在IE、Mozilla(Firefox)、Opera和Safari正确运行.

e是对象,参考代码：

<style>
.top{background-color:#ff9966}
.button{background-color:#ff3322}
</style>

<span class="top" onclick="this.className='button'">这里是文字</span>
<span class="top" onclick="test(this)">这里是文字</span>

<script>
function test(obj)
{
if(obj.className=="top")
{obj.className="button"}
else
{obj.className="top"}
}
</script>

Answer 2

在当前元素的点击事件里再加个for循环让所有li元素的clssname等于空字符串就行了

Answer 3

请问你还要怎么分离？你现在的代码已经和html代码完全分离了……

Answer 4

楼上正解！没有for循环哪里来的 MoveLi[i]?应改为：