display 为什么只是第一个div会展开，下面的不会展开

Jayycr 2012-01-30 01:30:32

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function divlist(){
var aNode=event.srcElement;
var parentNode=aNode.parentNode

var divNode=parentNode.getElementsByTagName("div")[0];

var divNodes=document.getElementsByTagName("div");

for(var x=0;x<divNodes.length;x++){
if(divNodes[x]==divNode){

if(divNode.className=="divOpen"){
divNode.className="divClose";
}
else{
divNode.className="divOpen";
}

}
else{
divNode[x].className="divClose";
}
}
}
</script>
<style type="text/css">
table{
border:#63C solid ;
background-color:#6CF;}
table td{
border-bottom:solid #69C ;

}
table td div{
display:none;
border-left:#FC9 dashed 1px
}
.divOpen{
display:block;
}
.divClose{display:none;}

table td a:link,table td a:visited{
text-decoration:none;
color:#C30;
}

</style>

</head>

<body>
<table>
<tr>
<td>
<a href="javascript:void(0)" onclick="divlist()">好友列表!!!!!</a>
<div>
<font>---</font>safa<br/>
---xzcc<br/>
---asdf<br/>
---hthr<br/>
</div>
</td>
</tr>
<tr>
<td>
<a href="javascript:void(0)" onclick="divlist()">好友列表!!!!!</a>
<div>
safa<br/>
xzcc<br/>
asdf<br/>
hthr<br/>
</div>
</td>
</tr>
<tr>
<td>
<a href="javascript:void(0)" onclick="divlist()">好友列表!!!!!</a>
<div>
safa<br/>
xzcc<br/>
asdf<br/>
hthr<br/>
</div>
</td>
</tr>
<tr>
<td>
<a href="javascript:void(0)" onclick="divlist()">好友列表!!!!!</a>
<div>
safa<br/>
xzcc<br/>
asdf<br/>
hthr<br/>
</div>
</td>
</tr>
<tr>
<td>
<a href="javascript:void(0)" onclick="divlist()">好友列表!!!!!</a>
<div>
safa<br/>
xzcc<br/>
asdf<br/>
hthr<br/>
</div>
</td>
</tr>

</table>

</body>
</html>

...全文

121 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

三石-gary 2012-01-30

打赏
举报

else{
divNode[x].className="divClose";
}
少了个s:else{
divNodes[x].className="divClose";
}

三石-gary 2012-01-30

打赏
举报

[code=Jscript]function divlist(){
var aNode=event.srcElement;
var parentNode=aNode.parentNode

var divNode=parentNode.getElementsByTagName("div")[0];

var divNodes=document.getElementsByTagName("div");

for(var x=0;x<divNodes.length;x++){
if(divNodes[x]==divNode){

if(divNode.className=="divOpen"){
divNode.className="divClose";
}
else{
divNode.className="divOpen";
}

}
else{
divNode[x].className="divClose";
}
}
}
</script>
[/code]
测试一下你写的这个方法

每一次屏幕的刷新都会伴随着“唰唰唰”的声音和机械结构的阵列变化，是怎样的一种体验？机械翻转点阵屏，英文叫Flip-dot display，由于是非发光显示器，其显示效果如同人们看书看报一样。非常适合人们的视觉习惯。（室外阳光下使用效果更佳），显示字色、底色（即反差）可根据实际需要（用户需求）制造。例如：可显示黑底黄字或红底白字等等。此产品原理：每个像素模块是一个能翻转的小圆盘。圆盘一面白色，一面...

1网页简介：此作品为学生个人主页网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。2.网页编辑等任意html编辑软件进行运行及修改编辑等操作）。3.知识应用：技术方面主要应用了网页知识中的: Div+CSS、鼠标滑过特效、Table、导航栏效果、Banner、表单、二级三级页面等，视频、音频元素、Flash，同时设计了Logo（源文件）所需的知识点。

🥇 关于作者: 💬历任研发工程师，技术组长，教学总监；曾于2016年、2020年两度荣获CSDN年度十大博客之星。十载寒冰，难凉热血；多年过去，历经变迁，物是人非。然而，对于技术的探索和追求从未停歇。 💪坚持原创，热衷分享，初心未改，继往开来！🍵茶文化网站、🏳️‍🌈中华传统文化题材、京剧文化🔏水墨风书画、中国民间年画文化艺术网站、等网站的设计与制作。🏷️ 这个首页代码运用了DIV盒子的使用方法，如盒子的嵌套、浮动、margin、border、background等属性的使用，外部大盒

jsp &amp;amp;lt;%@ page language=&amp;quot;java&amp;quot; contentType=&amp;quot;text/html; charset=UTF-8&amp;quot; pageEncoding=&amp;quot;UTF-8&amp;quot;%&amp;amp;gt; &amp