在D3.js中创建"在内存中"的元素,就像jQuery一样

Question

而不是做

d3.select("body").append("svg")

,大多数d3.js的例子,我想创建一个元素,而不是立即将它附加到身体或任何东西.

有点像$('<div/>')jQuery.

我怎样才能做到这一点？

Answer 1

使用document.createElement()创建元素并d3照常传递给它.

在控制台中:

> a = document.createElement("div")
<div>?</div>?
> d3.select(a).append("svg")
[Array[1]]   
> a
<div>?
<svg>?</svg>?
</div>?

Answer 2

// create selection containing unattached div node    
var sel = d3.create('svg');  

如果你只想要节点......

// retrieve unattached node
var node = d3.create('svg').node();