vanilla js idボックスを削除する

Question

私はそれを行う方法を知っていますが、vanilla JSでonClick要素（x）を含むボックスを削除したいと思います。 to thisによると、私は子要素を削除する必要があります。限り私の試みであるこのによう：

function remove() { 
 
    var element = document.getElementById("box"); 
 
    element.parentNode.removeChild(element); 
 
}

#box { 
 
    background-color: lightgrey; 
 
    color: white; 
 
    width: 20em; 
 
    height: 20em; 
 
    border: 25px solid green; 
 
    padding: 25px; 
 
    margin: 25px; 
 
} 
 
.remover { 
 
    font-size: 10em; 
 
    align 
 
}

<div id="box"> 
 
    <div id="removeBox" onclick="remove()"> 
 
    <span class="remover">x</span> 
 
    </div> 
 
</div>

あなただけの「X」をクリックすると、全体のボックスを削除するために私を助けるために気にしませんか？ jsfiddle

はどうもありがとうございます

Answer 1

onclickを使用しないでください、それはここでは、悪い習慣だ理由は次のとおりです。

• は、コードとマークアップをミックスし、このように書かれたコードがevalを
を通過
• はグローバルスコープで実行され、直接書き込まれた関数はユーザースコープで実行されます

以下のように結合

使用イベント：ここ

document.getElementById("box").addEventListener('click', function() { 
    var element = document.getElementById("box"); 
    element.parentNode.removeChild(element); 
}); 

は全体フィドルです： コードと間違って何fiddle