Javascript Angular 2操纵DOM-将组件从一个位置移动到另一个位置，同时保留函数

好的，我有：

<div class="full"></div>
<div class="grid>
    <div class="widget"><widget1></widget1></div>
    <div class="widget"><widget2></widget2></div>
    <div class="widget"><widget3></widget2></div>
    <div class="widget"><widget4></widget2></div>
</div>

我同意Michal的观点，如果没有陷阱，可能就是这样：

function resize(element) {
   var where = element.parentNode.className;
    if(where=="full"){
        document.querySelector(".grid").appendChild(element);
    } else {
        document.querySelector(".full").appendChild(element);
    }
}

不知道有什么问题。选择元素，将其附加到div.full，然后将其从原始位置移除，这还不够吗？或者相反的顺序。
function resize(element) {
   var where = element.parentNode.className;
    if(where=="full"){
        document.querySelector(".grid").appendChild(element);
    } else {
        document.querySelector(".full").appendChild(element);
    }
}