javascript - D3 .append() 带变量

Question

假设我有:

var parent = d3.select('g.someElement');

我希望能够按照以下方式做一些事情:

function addContent(content) {
    // content is a D3Selection or SVGElement
    parent.append(content);
}

我想知道是否有一种方法可以使用 D3 附加已定义的 SVGElement，而无需根据 selection.append() 的方法解开它们的标签名称和其他属性来完成此操作。被指定。基本上，很像 .appendChild() 在 vanilla JS 中的工作方式。

谢谢!

Answer 1

如您链接到的文档中所述，.append() 的参数可以是返回要附加的 DOM 元素的函数。快速 demo :

var element = document.createElement("div");
element.innerHTML = "foo";

d3.select("body").append(function() { return element; });

.append() 的参数必须是一个函数，您不能只将 element 传递给它。