遍历并删除Javascript中的表单元素

ji

嗨,我在学习Javascript时一直在写Javascript测验,但是遇到了问题。

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

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

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

问题/答案和按钮包含在ID为“ questionForm”的表单中

我想我可以将整个表单放在一个div中并删除该表单,但是我想知道为什么循环遍历它们是行不通的。我正在尝试不使用Jquery来做到这一点。

谢谢你的帮助。

先生先生

尝试这种方式:

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

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

这将删除所有表单元素。

JSFiddle demo

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

从Bootstrap 3中的表单元素选择中删除箭头

来自分类Dev

在Yesod中水平对齐表单元素

来自分类Dev

通过javascript中的DOM获取所需的表单元素

来自分类Dev

从HTML表单中删除元素?

来自分类Dev

离子2:从表单元素中删除巨大的填充

来自分类Dev

从动态表单中删除多个元素的小型Javascript问题

来自分类Dev

动态添加和删除表单元素的表单验证

来自分类Dev

在React中遍历表单元素数组

来自分类Dev

删除表单JS中的元素

来自分类Dev

删除验证zend表单元素javascript / jquery

来自分类Dev

在jQuery中滑动/引入表单元素

来自分类Dev

CKEditor:如何从表单元格中删除p个元素?

来自分类Dev

从JavaScript输出HTML表单元素

来自分类Dev

EpicEditor:editor.preview()从另一个表单元素中删除光标

来自分类Dev

如何遍历对象数组然后删除JavaScript中的每个元素

来自分类Dev

如何删除表单元素之间的空白

来自分类Dev

表单元素中的正确对齐错误

来自分类Dev

如何在javascript中的现有表单内添加新表单元素?

来自分类Dev

javascript遍历表单元素以查找输入值

来自分类Dev

从HTML表单中删除元素?

来自分类Dev

在Drupal 8中操纵表单元素

来自分类Dev

离子2:从表单元素中删除巨大的填充

来自分类Dev

从动态表单中删除多个元素的小型Javascript问题

来自分类Dev

表单元素迭代,使用Javascript

来自分类Dev

表单元素值未存储在javascript变量中

来自分类Dev

javascript-动态删除表单元素

来自分类Dev

合适的js删除表格中的所有表单元素

来自分类Dev

在Javascript中删除事件侦听器表单元素无需克隆元素并且不知道removeEventListener()的第二个参数

来自分类Dev

如何访问javascript函数中的表单元素?

Related 相关文章

热门标签

归档