我写了10个div 怎样让他们只显示一个 一点击一个就换另一div 其他的隐藏?

<div class="listpage_content" style="display:none">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr id="exinList" style="background:#dcdcdc; font-weight:bold;">
<th param="goodsName" link="1" width="16%">商品名称</th>
<th param="sku" link="1" width="10%">sku</th>
<th param="style" width="7%">款</th>
<th param="colorName" width="7%">色</th>
<th param="actualSize" width="7%">码</th>
<th param="quantity" width="10%">数量</th>
<th param="quanlity" width="15%">品相</th>
</tr>
</table>
<div id="bdskPageFoot" class="page_container"></div>
</div>
10 个 这种的div?
最新回答
盖世傻白甜

2024-12-02 00:24:40

这个在js里面设置;onclick=“displaydiv(this);”
<script>
function displaydiv(){
divs=document.getElementByclassName("listpage");

for(i=0;i<10i++){
divs[i].style.display="none";
}
this.style.display="block";

}

}
</script>
独白

2024-12-02 00:07:16

for(var i=0;i<10;i++)
{
document.getelmentbyid("div"+i).display='none':
}
document.getelmentbyid("div"+a).display='block':

10个DIV都给他一个ID
div0
div1
...
div9
<div class="listpage_content" id='div0' onclick='change('0')'>
这是第1个。其他9个都默认隐藏
﹛理葙﹜忄青λ

2024-12-02 00:18:55

每次点击调用js,隐藏所有div,现在当前点击的div
泣绕忪迎笑

2024-12-02 00:15:49

用javascript控制CSS display:none或block来控制显隐
我是你妹°

2024-12-02 00:18:09

使用js,当点击一个的时候,将这个设置为显示,其余设置为隐藏就行了
追问
我也知道  可是具体该怎么写  ?我自己写过  没写对
追答
把所有的div都设个id或是name,在js中使用document.getElementById("要隐藏或显示的div的id")获取div的对象,设置style里面的display属性。。。。。。。。。。。。document.getElementById("要显示的div的id").style.dispaly="block"  document.getElementById("要隐藏的div的id").style.dispaly="none";
思慕

2024-12-02 00:04:55

得用JS来控制!