在d3.js中重新添加移除的元素

Question

请注意，目前没有专门的API将移除的元素添加回文档;但是，您可以将一个函数传递给selection.append或selection.insert以重新添加元素。

https://github.com/mbostock/d3/wiki/Selections

什么是传递一个函数是什么意思？我不知道如何去实现这一点。我尝试传递一个函数，将删除的div附加到父级，但没有工作。有任何想法吗？

这是d3中的一个相对较新的功能。

Answer 1

a function that returns the DOM element to append

所以，你可以简单地这样做：

d3.select("body").append(function() { 
    return document.createElement("div"); 
}); 

而不是简单地使用字符串名称

d3.select("body").append("div"); 

当您使用D3选择的，记住他们不是单一的元素。他们是一群团体。因此，如果你说：

var divs = d3.select("div").remove(); // actually a multidimensional array 
var firstElement = divs[0][0]; // this can be appended by returning it 

相关文本从迈克：One nuance is that selections are grouped: rather than a one-dimensional array, each selection is an array of arrays of elements

下面是一个简单的工作fiddle to show a very basic example.