javascript - 使用 JavaScript 遍历 DOM 树

标签 javascript dom

我正在尝试遍历文档 DOM 来获取某些 html 元素,以便我可以使用 JavaScript 调用它们的事件监听器。

为此,我知道我要查找的元素包含在某个 html 类(dc-chart)中。因此我通过以下方式获得基本元素

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

enter image description here

现在,我的目标是遍历上面第七个元素内的 rect 类元素:

enter image description here

我该如何去做呢?

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

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

最佳答案

stack _0不是一个id,它们是两个由空格分隔的: “堆栈”和“_0”。 并且您应该使用 getElementsByClassName() 而不是 getElementById()

关于javascript - 使用 JavaScript 遍历 DOM 树,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49488518/

相关文章:

javascript - 即使父状态更新后,子无状态功能组件也不会更新

Javascript:如何隐藏对象的属性?

javascript - 我的 javascript 暴力递归数独解算器是否内存不足?

javascript - 如何在屏幕最后显示最近上传的图片?

javascript - 如何使用 attachEvent 引用调用者对象 ("this")

javascript - 如何在 DOM 树显示在屏幕上之前对其进行操作? (javascript, jquery, ...)

javascript - 如何捕获指令中范围变量的更改?

javascript - 我如何让我的 javascript 函数等待 WebSql 事务完成后再继续

javascript - 可以在 dom 中的数据属性上放置多少数据?

javascript - 使用 jQuery 添加函数到 DOM 元素集?