Удалить содержимое (DIV), нажав кнопку удаления

Question

Я пытаюсь удалить div и содержимое внутри, когда я нажимаю значок удаления в левом нижнем углу. Как я смогу это сделать? Когда щелкнут X, содержимое и div вопроса исчезнут.

Вот код.

<li class="question" id="question2"> 
    <div class="question-header curves dense-shadows"> 
     What color is the sky? 
    </div> 
    <div class="question-content dense-shadows"> 
     <ol type="A"> 
      <li><input type="radio" id="q2a1" name="question2" /> Red</li> 
      <li><input type="radio" id="q2a2" name="question2" /> Green</li> 
      <li><input type="radio" id="q2a3" name="question2" /> Blue</li> 
      <li><input type="radio" id="q2a4" name="question2" /> Brown</li> 
     </ol> 
     <div style="text-align:right"> 

      <a href="#" class="delete"><span style="margin-left:5px;"><img src="images/deletebutton.png" 
       onmouseover="this.src='images/deletebuttonhover.png'" onmouseout="this.src='images/deletebutton.png'" title="Delete" alt="delete"/></span></a> 
     </div> 
    </div> 
</li> 

Answer 1

<a href="#" class="delete" onclick="document.body.removeChild(document.getElementById('question2'))"> 

Answer 2

Попробуйте использовать

yourDivToBeDeleted.innerHTML = "";