使用JavaScript遍历DOM树

Posted 2021-03-29

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

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

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

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

我该怎么做呢？

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

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

答案

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