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

Question

<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?

Answer 1

这个在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>

Answer 2

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个都默认隐藏本回答被网友采纳

Answer 3

每次点击调用js，隐藏所有div，现在当前点击的div

Answer 4

用javascript控制CSS display：none或block来控制显隐

Answer 5

使用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";

Answer 6

得用JS来控制!