javascript - 如何遍历特定标签内的每个标签？

Question

我正在创建一个函数，它有一个 for 循环，该循环遍历特定 div 中的每个标记。例如，这里是 div:

<div>
 <input id="inputid"></input>
 <a id="aid"></a>
 <div id="divid"></div>
</div>

javascript 中是否有一种“for each tag in x”的函数可以让我循环遍历它？请记住，我不能在 jquery 中执行此操作，并且每个标记可能会有所不同，如上所示。

Answer 1

如果您想要包含在一个 div 中的所有元素(包括子元素的子元素等...)并且您只想要元素(而不是其他类型的节点)并且您希望它在所有浏览器中工作，那么您可以使用getElementsByTagName("*") 像这样:

var allTags = document.getElementById('container').getElementsByTagName("*");
for (var i = 0, len = allTags.length; i < len; i++) {
    // allTags[i] is an element within the container object
    // allTags[i].id is the id of the element (if there is one)
}

document.getElementById('container') 只是获取容器元素的一些方法 - 您可以使用任何适合获取包含父元素的方法。

getElementsByTagName("*") 可以采用如图所示的通配符，因此它返回节点中包含的所有元素，并且可以在任何元素上调用它以仅从包含该元素的元素中检索元素。