如何使用D3获取嵌套在另一个SVG元素（父元素）中的SVG（子）元素的引用？

我有几个组（SVG G元素）嵌套在另一个组中，我想获取它们的ID。我使用D3JavaScript库创建SVG，代码与此类似

var body = d3.select("body");

var svg = body.append("svg")
    .attr("width", '100%')
    .attr("height", '100%')

var outerG = svg.append("g")
    .attr('id','outerG')

var innerG1 = outerG.append('g')
    .attr('id','innerG1')

var innerG2 = outerG.append('g')
    .attr('id','innerG2')

我尝试使用childNodes属性，但console.log（outerG[0].childNodes）提供了未定义的属性。在谷歌搜索时找不到正确答案，请有人给我一个提示，怎么做？

这将起作用：

console.log(outerG[0][0].childNodes);

看

---

需要两个嵌套索引的原因是所有选择都隐式分组。如果您想知道这其中更深层次的原因，或者想更好地理解选择，请参阅

非常感谢，您让我开心！我想知道是否有可能直接获得子元素的ID，而不是通过嵌套元素的结果数组循环。