使用JavaScript遍历DOM树

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了使用JavaScript遍历DOM树相关的知识，希望对你有一定的参考价值。

我正在尝试遍历文档DOM以获取某些html元素，因此我可以使用javascript调用它们的eventListeners。

为此，我知道我正在寻找的元素包含在某个html类（dc-chart）中。因此我获得了基本元素

x = document.getElementsByClassName("dc-chart")

enter image description here

现在，我的目标是，例如，遍历上面第7个元素中的rect类元素：

enter image description here

我该怎么做呢？

x.[7].getElementById("stack _0")

似乎不适用于我的Chrome网络控制台; getElementById无法链接到x [7]。

答案

“stack _0”不是id，它们是由空格分隔的两个类：“stack”和“_0”。你应该使用getElementsByClassName()而不是getElementById()

以上是关于使用JavaScript遍历DOM树的主要内容，如果未能解决你的问题，请参考以下文章