循环遍历div内的div

时间:2012-02-27 16:48:48

标签: javascript dom

我需要一个关于如何启动循环的想法,我可以在div中获得3个div的innerHTML:

<div id="hi">
 <div> Item1 </div>
 <div> Item2 </div>
 <div> Item3 </div>
</div>

我需要创建一个搜索项目列表并查看常用项目的函数。我知道一种方法是使用document.getElementsByTagName,但我不需要为每个div看到innerHTML。

1 个答案:

答案 0 :(得分:9)

由于getElementsByTagName()返回一个数组,因此可以为每个元素使用for循环。

var div = document.getElementById('hi'):
var divs = div.getElementsByTagName('div');
var divArray = [];
for (var i = 0; i < divs.length; i += 1) {
  divArray.push(divs[i].innerHTML);
}

这会将每个元素的innerHTML推送到divArray变量。