javascript - 删除Child，然后再次添加先前删除的Child以重新加载并清理它？

Question

我尝试做这样的事情

     var refresh = function(){
                  var elem = document.getElementById(scope.id);
                       elem.parentNode.removeChild(elem);
                    console.log('Canvas Destroyed');
               //Here I would like to add removedChild again so i am sure that is clean//
               };



           scope.$watch('data', function (newVal, oldVal) {

                    if (newVal) {

                        refresh(); //I Use Function Here So i am sure that canvas are empty

                        var newChart = document.getElementById(scope.id).getContext("2d");
                        console.log('Charts0');
                        var PieChart = new Chart(newChart).Pie(scope.data, scope.options);
                        console.log('Charts1');
                    }

                }, true);

问题:是否可以先删除元素，然后将相同的元素放回一个函数中？或者重新加载 Canvas 或重新启动，这样在其中创建图表时它将没有任何数据。我的应用程序是动态的，如果我不这样做，图表中的一些突出显示层将相互重叠。

Answer 1

这应该可以解决问题:

function removeAndAdd(el){
    var next = el.nextSibling;
    var parent = el.parentNode;
    parent.removeChild(el);
    //Do stuff to el
    parent.insertBefore(el, next);
}