如何让这种板块在页面中多出现几次并且互不干扰。

<!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>dfsdf</title>
   <script>
function go_to(ao)
{
var d = document.getElementById("tab").getElementsByTagName("div");
var h=d.length;
     for(var i=0; i<h;i++)

     {
         if(ao-1==i)
         {
             d[i].style.display="block";

             }
else{
d[i].style.display="none";
}
           }
       }


  </script>
   <style>

   /*  body  */

.bodv_div { width:1000px; background-color:#F99; margin:0 auto;}
.first_div{}
.language_title { width:1000px; height:20px; background-color: #39F}
#tab { width:1000px; height:100px; background-color:#FF3}

#tab h3{float:left; width:120px; height:26px; line-height:26px; margin:0; font-size:12px; cursor:pointer; text-align:center; color:red; background-color:#CCC}



#tab div{display:none;}
#tab .block1{display:block;}
#tab div{ height:60px; width:1000px; background-color:#FC9; clear:both}



</style>
</head>
<body>







<div class="bodv_div">


   
<div class="language_title">ҳ </div>





<div id="tab">
<h3 onclick="go_to(1)">tab_1
</h3>


<h3 onclick="go_to(2)">tab_2
</h3>

<h3 onclick="go_to(3)">tab_3
</h3>



<div class="block1">
aaaaaaaaaaaaaaa

</div>

<div class="block2">
bbbbbbbbbbb

</div>

<div class="block3">
ccccccccccccccc

</div>


</div>



</div>




</body>
</html> 如何让上面 id="tab" 这种类似 “多个内容在一个栏目显示的板块” 在页面中多出现几次了。
并且互不干扰。如果不明白我说什么的，可以留下你的qq，很急  谢谢！HTML函数类Go

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

function go_to(ao,id)
{
    var d = document.getElementById(id).getElementsByTagName("div");

}最简单的效果。把div id 传到函数
id需要唯一，但是name可以重复，你可以使用name的getElementByName来取得多个。
另外使用jquery的选择更多。
可用<div class="tab" id="id_1">在id="id_1"的情况下class才起作用，你写的js要有个id作用域

如何让这种板块 在页面中多出现几次 并且互不干扰。

解决方案 »

如何让这种板块在页面中多出现几次并且互不干扰。