在For循环中探索javascript中的树结构

Question

我有什么选项可以访问For循环中DOM树的元素？如果它太难了我可以将其转换为数组吗？

感谢，

布鲁诺

Answer 1

DOM树允许您使用.children或.childNodes()向下导航。

.children()提供当前一个以下的DOM元素数组，.childNodes()提供所有节点，包括文本节点。

您还可以使用getElementById()获取特定节点（比任何数组搜索都快得多），并使用getElementsByTagName()获取特定类型的所有元素。

我绝对不建议将其转换为数组 - 现在的DOM树比任何数组都灵活得多。

如果您需要更多灵活性，可以尝试使用JQuery，通过向混合中添加复杂的CSS样式选择器查询，您可以更灵活地搜索DOM。 （现代浏览器本身也使用getElementsBySelector()方法提供此功能，但并非所有浏览器都提供此功能，因此您最好暂时使用JQuery或类似功能。）

Answer 2

这是一个example on jsfiddle。

如果您有任何疑问，请随时提出。 XML有一个宏伟的遍历系统，甚至没有开始削减DOM的原始力量。

此外，请务必检查w3schools，尽管它不是perfectly reliable source。