为了账号安全,请及时绑定邮箱和手机立即绑定

课程第一章滑动、点击切换效果实现中的编程练习题用下面的代码来做,为什么运行不了,求解答:

课程第一章滑动、点击切换效果实现中的编程练习题用下面的代码来做,为什么运行不了,求解答:

window.onload=function(){
  var ps=document.getElementsByTagName("p");
      var uls=document.getElementsByTagName("ul");
      for(var i=0;i<ps.length;i++){
    ps[i].onclick=function(){
     if(ps[i].nextSibling.style.display=="block"){
      ps[i].nextSibling.style.display="none";
      }else{
      ps[i].nextSibling.style.display="block" }
     }
            
          }
   
 }

正在回答

2 回答

这个问题是作用域的关系。请看图片。

http://img1.sycdn.imooc.com//578cae7800010e9c18440891.jpg

0 回复 有任何疑惑可以回复我~
#1

慕婉清8780025 提问者

非常感谢!
2016-07-19 回复 有任何疑惑可以回复我~
#2

YOUNGFOREVER 回复 慕婉清8780025 提问者

不客气,相互学习!
2016-07-19 回复 有任何疑惑可以回复我~
window.onload=function(){
        var clicktitles = document.getElementById('menu').getElementsByTagName('p');
        var lists = document.getElementById('menu').getElementsByTagName('ul');
        for(var i=0; i<clicktitles.length; i++){
            clicktitles[i].id=i;
            clicktitles[i].onclick = function(){
                var list = lists[this.id]
                if(list.style.display=='block'){
                   list.style.display='none';
                }else {
                	list.style.display='block';
                }
            }
        }
	}
	</script>

你参考一下我这个代码吧。。。

0 回复 有任何疑惑可以回复我~
#1

慕婉清8780025 提问者

非常感谢!
2016-07-19 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

课程第一章滑动、点击切换效果实现中的编程练习题用下面的代码来做,为什么运行不了,求解答:

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信