课程第一章滑动、点击切换效果实现中的编程练习题用下面的代码来做，为什么运行不了，求解答：
来源：1-5 编程练习
慕婉清8780025
2016-07-18 14:53
课程第一章滑动、点击切换效果实现中的编程练习题用下面的代码来做，为什么运行不了，求解答：
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回答
-
- YOUNGFOREVER
- 2016-07-18 18:25:35
这个问题是作用域的关系。请看图片。
-
- TonyLi_hc
- 2016-07-18 20:59:42
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>你参考一下我这个代码吧。。。
Tab选项卡切换效果
本课程详细介绍网页页面中最流行常用的tab切换效果
65465 学习 · 533 问题
相似问题