您如何访问/迭代 SVG.js 中组的子元素答案

【问题标题】：How do you access/iterate through the child elements of a group in SVG.js您如何访问/迭代 SVG.js 中组的子元素
【发布时间】：2021-01-30 05:48:46
【问题描述】：

我正在使用 SVG.js 库，我有一个使用 draw.group() 函数创建的组，我想将属性应用于组中的每个元素。我尝试直接访问group.children 和group.childNodes，尝试使用group.forEach(function(){}); 循环。无法弄清楚，也无法在文档中找到任何内容。

在这一点上，我发现文档有些欠缺，当然也没有冗长的危险......

【问题讨论】：

文档具有搜索功能。在搜索栏中输入孩子将为您提供多种解决问题的可能性，包括children(), each(), get()
我猜我是在输入“组”，并想知道为什么它只包含有关创建组的信息而没有其他内容。谷歌搜索没有发现任何东西，所以我决定为下一个有同样问题的人发帖????‍♂️

标签： javascript web svg frontend svg.js

【解决方案1】：

我最终在文档中找到了 group.children() 方法，该方法将返回该组子项的可迭代数组。

可以使用循环将属性应用于每个子元素，例如：

for (const child of myGroup.children()) {
  child.attr({
    fill: "#000000"
  });
}

【讨论】：