Question

javascript删除自己以外的li样式

<ul class='list'>
<li class='on'></li>
<li></li>
<li></li>
<li></li>
</ul>
点击li时，给当前li加上样式‘on’,其他li删除样式‘on’,求代码
不要jQuery的，要原生js的

Answer 1

<ul id="list" class="list">
    <li class="on"></li>
    <li></li>
    <li></li>
    <li></li>
</ul>
<script type="text/javascript">
    var list = document.getElementById("list");//用id获取元素
    var list2 = document.getElementsByClassName("list")[0];//用class获取元素
    var li = list2.getElementsByTagName("li");
    for(var i = 0;i<li.length;i++){
        li[i].onclick = function(){
            for(var j = 0;j<li.length;j++){
                li[j].className="";
            }
            this.className="on";
        }
    }
</script>