软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > 工具与技巧 > 隐藏不掉的p,取不到的当前值问题

隐藏不掉的p,取不到的当前值问题

我做了一个效果,可是最上面的P怎么也隐藏不掉了!

Copy to ClipboardLiehuo.Net Codes引用的内容:[www.veryhuo.com]
<script type="text/javascript">
function flexMenu(id)
{
var $id = document.getElementById(id);
var titleList = $id.getElementsByTagName('p');
var contentList = $id.getElementsByTagName('div');
titleList[titleList.length-1].style.border = 'none';
for(var i=0;i<titleList.length;i++)
{

titleList[i].onclick = function(){
for(var a=0;a<contentList.length;a++){
contentList[a].style.display = 'none';
}
if(this.nextSibling.nodeType=='3'){
this.nextSibling.nextSibling.style.display = '';

}else{
this.nextSibling.style.display = '';
}

var test=i-1;
alert(test);
document.getElementById('box').getElementsByTagName('p')[test].style.display = 'none';
}
}
}
window.onload = function(){ flexMenu('box')}
</script>

这个是代码我想取当前的i值,可是怎么也取不到,总是加完以后的,减1吧,也不对!反所想请高手帮忙看一下!!

问题解决:

加了一个function flexMenu(id) 。代码如下:

 

Copy to ClipboardLiehuo.Net Codes引用的内容:[www.veryhuo.com]
{
var $id = document.getElementById(id);
var titleList = $id.getElementsByTagName('p');
var contentList = $id.getElementsByTagName('div');
titleList[titleList.length-1].style.border = 'none';
for(var i=0;i<titleList.length;i++)
{
titleList[i].onclick = function(){
for(var a=0;a<contentList.length;a++){
contentList[a].style.display = 'none';
titleList[a].style.display = '';
}

if(this.nextSibling.nodeType=='3'){
this.nextSibling.nextSibling.style.display = '';
this.style.display = 'none';
}else{
this.nextSibling.style.display = '';
}
}
}
}
window.onload = function(){ flexMenu('box')}

 

    相关阅读
    栏目导航
    推荐软件