javascript - 循环遍历 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 变量并遍历它们。