Javascript 通过单击删除按钮删除内容（DIV）

当我点击左下角的删除图标时，我正试图删除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>

天空是什么颜色？
红色的
绿色的
蓝色的
棕色的

尝试使用

yourdividtobedeleted.innerHTML=“”

---

@gezzuzz我知道，但它只是以格式化的方式显示。找到父对象，然后使用“是否确实要删除它，还是仅隐藏它？我将如何实际执行？”？我希望在单击“删除”图标时删除问题和选项。@DVK如果我隐藏，是否会有剩余的空白空间，或者是否会有下一个可见的div向上移动？我想我正在尝试删除。我希望在单击“删除”图标时，该功能能够实现。非常感谢，这很有效，但是否有办法使其通用化，就像对任何问题执行此操作一样，而不仅仅是问题2。如果你想隐藏而不是删除问题，你该怎么做？删除按钮和问题之间没有链接。。我假设你用某种脚本生成了这个问题。该脚本可以填充该变量。。提出问题1问题2问题到底是什么。。

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