js div显示与隐藏，每一条显示与隐藏他们都是循环出来的，不知道多少条，每一条id肯定是一样的但是就一个js取不一样的值，不重复id，下边是小弟我写的id是写死的-JavaSript-爱易网页

js div显示与隐藏，每一条显示与隐藏他们都是循环出来的，不知道多少条，每一条id肯定是一样的但是就一个js取不一样的值，不重复id，下边是小弟我写的id是写死的

日期：2014-05-16　浏览次数：20390 次

js div显示与隐藏，每一条显示与隐藏他们都是循环出来的，不知道多少条，每一条id肯定是一样的但是就一个js取不一样的值，不重复id，下边是我写的id是写死的
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<style type="text/css">
.chizai_bt{
width:742px;
height:24px;
margin-top:23px;
border-bottom:solid 1px #3d91c3;
}
.chizai_bt ul{
width:100%;
}
.chizai_bt ul li{
font-size:14px;
color:#1d72cb;
float:left;
}
</style>
</head>
<script type="text/javascript">
function stop(a){
for(var i=1; i<3; i++){
if(a==i){
document.getElementById("z"+a).style.display="";
}else{
document.getElementById("z"+i).style.display="none";
}
}
}

</script>
<body>


<div class="chizai_bt">
<ul>
<li> 朝鲜团队游</li>
<li style="width:50px;height:18px;float:right;padding-right:8px;" onclick="stop(2)">结束按钮</li>
<li style="width:50px;height:18px;float:right;padding-right:8px;" onclick="stop(1)">显示按钮</li>
</ul>
</div>
<div id="z1" style="width:100%;height:154px;margin-top:5px;display:none;">
<div style="width:237px;height:154px;float:left;"><img src="images/miao.jpg" width="237" height="154" /></div>
<div class="czcx">
我社在您朝鲜旅游期间安排的早餐都是在下榻的宾馆来用的，有时是桌餐，有时是自助餐。
</div>
</div>


<div class="chizai_bt">
<ul>
<li> 朝鲜团队游</li>
<li style="width:50px;height:18px;float:right;padding-right:8px;" onclick="stop(2)">结束按钮</li>
<li style="width:50px;height:18px;float:right;padding-right:8px;" onclick="stop(1)">显示按钮</li>
</ul>
</div>
<div id="z1" style="width:100%;height:154px;margin-top:5px;display:none;">
<div style="width:237px;height:154px;float:left;"><img src="images/miao.jpg" width="237" height="154" /></div>
<div class="czcx">
我社在您朝鲜旅游期间安排的早餐都是在下榻的宾馆来用的，有时是桌餐，有时是自助餐。
</div>
</div>


</body>
</html>

------解决方案--------------------
同一个文档中的id值必须唯一。
------解决方案--------------------
如果对jquery没什么偏见的话就用他吧，

HTML code


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

js div显示与隐藏，每一条显示与隐藏他们都是循环出来的，不知道多少条，每一条id肯定是一样的但是就一个js取不一样的值，不重复id，下边是小弟我写的id是写死的

相关资料更多>

推荐阅读更多>