角度2は、DOM操作 - 私が持っている

Question

オクラホマの機能を維持しながら、一つの場所から別の移動コンポーネントを：今

<div class="resize" (click)="resize($elem)"></div> 

：

<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> 

各ウィジェットが付いたボタンを持つコンポーネントであり、ユーザーが各コンポーネントのサイズ変更ボタンをクリックすると、そのコンポーネントがフルでクラスに移動され、グリッドから削除され、最大化されたコンポーネントをクリックするとそのコンポーネントがその場所に戻ります完全なdivから削除されました。

純粋なjavascriptでこれが必要です。

Answer 1

私はキャッチはありませんならば、それはこのようなだけで何かすることができ、ミハルに同意：いただきましキャッチ

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