Question

您好我在学习Javascript时一直在编写Javascript测验，但遇到了问题。

我有一个功能可以通过单选按钮动态创建问题/答案来标记问题。

当我使用第二个功能尝试删除问题/答案时，我可以显示新的问题;它会删除文本（在p标签中），但不会删除单选按钮，即使它们也显示为表单元素的子项。

＆＃13;

function removeLastQuestions() {
    
    var allQuestions = document.getElementById('questionForm');
    
    for (var i = 0; i < allQuestions.children.length; i++) {
        allQuestions.removeChild(allQuestions.children[i]);
    }
}

＆＃13;

问题/答案和按钮包含在ID为＆＃34; questionForm＆＃34;

的表单中

我想我可以将整个表单放在div中并删除表单，但我想知道为什么循环它们并不起作用。我试图在不使用Jquery的情况下做到这一点。

感谢您的帮助。

Answer 1

尝试这种方式：

var node = document.getElementById('questionForm');

while (node.hasChildNodes()) {
    node.removeChild(node.lastChild);
}

这将删除所有表单元素。

JSFiddle demo

循环并删除Javascript中的表单元素

1 个答案: