循环遍历div内的div

Question

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

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

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

Answer 1

由于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变量中.