javascript - 如何用原生js 显示其中一个，隐藏其他的 。

问题描述

问 题

http://jsbin.com/qobaguguro/edit?html,css,js,output

window.onload=function(){
      var li=document.getElementsByTagName("li");
         a=document.getElementsByClassName("a");
        for(var i=0;i< a.length;a++){
            console.log(a);
        }
       li.onclick=function(){
            li.className="a";  //这个为什么没有反应？ 
       }
};

<ul>
    <li> 2</li>
    <li class="a">4 </li>
    <li>5 </li>
</ul>

必须用js
我想 a的部分 显示 ，其它li 不显示 通过css设置字体背景为白。
然后自己点击li给li添加a，其它a就删除。请问如何把我思路完整的写出来。

解决方案

window.onload=function(){  
    var li=document.getElementsByTagName("li");    
      for(var j=0;j<li.length;j++){ 
       li[j].onclick=function (){        
        for(var i=0;i<li.length;i++){     
           li[i].className='';       
        }         
        this.className='a';       
      }
   }
};

这篇关于javascript - 如何用原生js 显示其中一个，隐藏其他的 。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！