数组循环
<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>