1回答

• 

  食梦者3711585

  2017-05-10 23:35:04

  window.onload=function(){

          // 将所有点击的标题和要显示隐藏的列表取出来

          var titls=document.getElementById("menu").getElementsByTagName("p");

          var uls=document.getElementById("menu").getElementsByTagName("ul");

  
  

          // 遍历所有要点击的标题且给它们添加索引及绑定事件

     if(titls.length=uls.length){

         for(var i=0;i<titls.length;i++){

             titls[i].id=i;

            console.log(titls[i]); //遍历显示3个p元素

             titls[i].onclick=function(){

              console.log(titls[i]);   //undefined  到这里就已经不能指向原来的p元素了

              for(var j=0;j<uls.length;j++){  //此处仍然需要对所有ul元素进行设置

              uls[j].style.display = 'none';

              }

      var ul = this.parentNode.querySelector('ul');

      ul.style.display = 'block';

              /*if(uls[this.id].style.display="block"){    没有遍历，只能对一个元素进行设置

                    uls[this.id].style.display="none" ;

              }else{

                 uls[this.id].style.display="block";

              } */

             }  

         }

  //当然还有的错误是你各种大括号小括号写错了

  }

      }

  
  

  0 0