数组循环,该怎么处理

2013-08-04

数组循环divdldta hrefjavascript:void(0) classplus onclickshowHide(this,aaa0)s

数组循环


<div>
        <dl>
          <dt><a href="javascript:void(0);" class="plus" onclick="showHide(this,'aaa0');"><span></span>一级菜单1</a></dt>
          <dd id="items0" style="display:none;">
            <ul>
              <li><a href="#" onClick="doclickA(this)">二级菜单1</a></li>
            </ul>
          </dd>
        </dl>
        <dl>
          <dt><a href="javascript:void(0);" class="plus" onclick="showHide(this,'aaa1');"><span></span>一级菜单2</a></dt>
          <dd id="items1" style="display:none;">
            <ul>
              <li><a href="#">二级菜单11</a></li>
            </ul>
          </dd>
        </dl>
        <dl>
          <dt><a href="javascript:void(0);" class="plus" onclick="showHide(this,'aaa2');"><span></span>一级菜单3</a></dt>
          <dd id="items2" style="display:none;">
            <ul>
              <li><a href="#">二级菜单11</a></li>
            </ul>
          </dd>
        </dl>
        </div>

window.onload = function init(){     
var arr = [getObject("aaa0"), getObject("aaa1"), getObject("aaa2")];  
 for(var i=0; i<arr.length; i++){          
 
 var dd = arr[i];
 var as = dd.getElementsByTagName("a");         
 for(var j=0; j<as.length; j++){             
 as[j].onclick = function(){doclickA(this);
 var meenu = getObject("list1");
 var mennu=getObject("fade")
 meenu.style.display = "none"; 
 mennu.style.display='none';
 }         
 }     
 }

怎么循环var arr = [getObject("aaa0"), getObject("aaa1"), getObject("aaa2")];
aaa1....aaaN,怎么取到DIV里有几个aaa然后循环出几个getObject("aaa1")
[解决办法]
这种效果吗？你可以随意添加items的个数。

<html>
<body>
<div>
        <dl>
          <dt><a href="javascript:void(0);" class="plus" onclick="showHide(this,'aaa0');"><span></span>一级菜单1</a></dt>
          <dd id="items0" style="display:none;">
            <ul>
              <li><a href="#" onClick="doclickA(this)">二级菜单1</a></li>
            </ul>
          </dd>
        </dl>
        <dl>
          <dt><a href="javascript:void(0);" class="plus" onclick="showHide(this,'aaa1');"><span></span>一级菜单2</a></dt>
          <dd id="items1" style="display:none;">
            <ul>
              <li><a href="#">二级菜单11</a></li> 
 
            </ul>
          </dd>
        </dl>
        <dl>
          <dt><a href="javascript:void(0);" class="plus" onclick="showHide(this,'aaa2');"><span></span>一级菜单3</a></dt>
          <dd id="items2" style="display:none;">
            <ul>
              <li><a href="#">二级菜单11</a></li>
            </ul>
          </dd>
        </dl>
        </div>
<script>
window.onload = function() {
var arr = new Array();
var i = 0;
while (document.getElementById("items" + i))
{
arr.push(document.getElementById("items" + i++));
}
console.log(arr);
}
</script>
</body>
</html>

热点排行

JavaScript

数组循环,该怎么处理