使用svg.js，如何访问元素的子节点？

Question

我正在使用

访问HTML中的现有DOM SVG元素

svgEle = SVG.adopt(svgDocument.getElementById('svg'));

如何在不单独采用svgEle的子元素的情况下访问它们？ 我试过了

 elementById = svgEle.select("#" + id);

和

elementById = svgEle.get(id);

Answer 1

您使用select(<CSS Selector>)。

svgEle = SVG.adopt(document.getElementById('svg'))

svgEle.select("#keys")
    .stroke('yellow')

SVG.get(<ID>)仅适用于SVG.js创建的SVG元素。

以下是jsfiddle：https://jsfiddle.net/dotnetCarpenter/yy2opz8s/2/

Answer 2

在SVG.js 3.0+中，API发生了变化，您应该使用.find()或.findOne()方法而不是.select()。

请参见参考：https://svgjs.com/docs/3.0/referencing-creating-elements/#using-css-selectors