通過單擊刪除按鈕刪除內容（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 =“”;