在具有类的另一个SVG元素之前插入SVG元素

Insert SVG element before another SVG element with class

本文关键字：SVG 元素 插入 另一个      更新时间：2023-09-26

我正在使用D3.js库绘制一个图。

我需要在类为"abc"的svg元素之前插入一个svg元素。

这就是我试图做的：

gParent[0][0].insertBefore("g", $('.abc'))
.attr({
            class: "axis-down",
            transform: "translate(120, 120)"
        })

但是，它不起作用，并给出一个错误。

这很好，但它在abc之后添加g，而不是在之前

gParent.append("g")
    .attr({
                class: "axis-down",
                transform: "translate(120, 120)"
            })

gParent是父节点。

你知道我做错了什么吗？

在D3中，语法很简单。insert（svg:elementType，"CSS Selector"）

因此，这将起作用：

gParent.insert("g", ".abc")
.attr({
            class: "axis-down",
            transform: "translate(120, 120)"
        })
相关文章：