循环遍历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变量。